慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

碧海云夭

块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。 a{display:block;}内联元素a转换为块状元素，从而使a元素具有块状元素特点

查看全部

0 采集收起来源：我要独占一行 - 块级元素
2015-02-15
小小小小刘

盒模型--边框（一）盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框： div{ border:2px solid red; } 上面是border代码的缩写形式，可以分开写： div{ border-width:2px; border-style:solid; border-color:red; } 注意： 1、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如: border-color:#888;//前面的井号不要忘掉。 3、border-width（边框宽度）中的宽度也可以设置为： thin | medium | thick（但不是很常用），最常还是用象素（px）。

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2015-02-15
活泼冰

1. 当用户需要重置表单信息到初始时的状态时，比如用户输入“用户名”后，发现书写有误，可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以. 2.语法：<input type="reset" value="重置"> type:只有当type值为reset时，按钮才有重置作用；value：按钮上显示的文字。

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22
碧海云夭

元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2018-03-22
碧海云夭

text-align:center; text-align:left; text-align:right;

查看全部

0 采集收起
2015-02-15
碧海云夭

如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现，如下面代码： h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1> 注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。单词间距设置：如果我想设置英文单词之间的间距呢？可以使用word-spacing来实现。如下代码： h1{ word-spacing:50px; } ... <h1>welcome to imooc!</h1>

查看全部

0 采集收起
2018-03-22
小小小小刘

常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2018-03-22
Ward

fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。以下代码可以实现相对于浏览器视图向右移动100px，向下移动50px。并且拖动滚动条时位置固定不变。 #div1{ width:200px; height:200px; border:2px red solid; position:fixed; left:100px; top:50px; } 不随滚动条滚动

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2015-02-26
木木落6

就是本元素给定字体的 font-size 值，如果元素的 font-size 为 14px ，那么 1em = 14px；如果 font-size 为 18px，那么 1em = 18px。

查看全部

0 采集收起
2015-02-15
木木落6

p{color:rgb(133,45,200);}

查看全部

0 采集收起
2015-02-15
Ward

如果想为元素设置层模型中的相对定位，需要设置position:relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，“偏移前的位置保留不动”。 “偏移前的位置保留不动”：虽然div元素相对于以前的位置产生了偏移，但是div元素以前的位置还是保留着，所以后面的span元素是显示在了div元素以前位置的后面。(只动框框)

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2015-02-15
木木落6

参照定位的元素必须加入position:relative; 定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。这样box2就可以相对于父元素box1定位了

查看全部

0 采集收起来源：Relative与Absolute组合使用
2015-02-15
emloxe

下拉列表框的制作 1.<option value='提交值'>选项</option>，其中“提交值”是向服务器提交值，选项是显示的值。 2.selected="selected"：设置selected="selected"属性，则该选项就被默认选中。

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2018-03-22
菜鸟级别的我

CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2015-02-15
木木落6

fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身固定，移动不改变位置

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2015-02-15

首页上一页 26445 26446 26447 26448 26449 26450 26451 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。