慕课网

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

初识HTML(5)+CSS(3)

最热最新

酒仙之醉

<p>标签的默认样式：段前段后都会有空白，不喜欢样式可以用CSS改变或者删除它

查看全部

0 采集收起
2018-03-22
酒仙之醉

1.标签的用途，标签在浏览器中的默认样式语义化：1. 更容易被搜索引擎收录。 2. 更容易让屏幕阅读器读出网页内容

查看全部

0 采集收起
2014-11-20
等那风来

通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色： * {color:red;}

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-11-20
等那风来

.food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
等那风来

id="ID名称"，而不是class="类名称"。 2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。

查看全部

0 采集收起
2018-03-22
等那风来

.类选器名称{css样式代码;} 注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢）使用方法：第一步：使用合适的标签把要修饰的内容标记起来，如下： <span>胆小如鼠</span> 第二步：使用class="类选择器名称"为标签设置一个类，如下： <span class="stress">胆小如鼠</span> 第三步：设置类选器css样式，如下： .stress{color:red;}/*类前面要加入一个英文圆点*/

查看全部

0 采集收起来源：再选一个类 - 类选择器
2018-03-22
分钟的旋律

1.2.5 提交按钮 <input type="submit" value="提交（按钮上的文字）">

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22
分钟的旋律

1.2.4下拉列表框（节省空间） <select multiple="multiple" （可以实现多选的下拉框《需要按住Ctrl+单击》）> <option value="看书" selected="selected" （默认被选中）>看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select>

查看全部

0 采集收起
2018-03-22
分钟的旋律

1.2.4下拉列表框（节省空间） <select selected="selected" （默认被选中）> <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select>

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2018-03-22
分钟的旋律

1.2.3 单选框，复选框 <input type="radio（单选框）/checkbox（复选框）" value="值（提交数据到服务器的值）" name="名称（数据程序处理用）" checked="checked"/> ***注意:同一组的单选按钮，name取值一定要一致，这样同一组的单选按钮才可以起到单选的作用。

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2018-03-22
分钟的旋律

1.2.2 文本域（支持多行键入） <textarea rows="行数" cols="列数">文本（键入的内容，默认值）</textarea>

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2018-03-22
不喜欢不喜欢java

类选择器 1.以英文圆点开头 .类选器名称{css样式代码;} 2.在HTML标签中用class属性指定 <span class="stress">胆小如鼠</span>

查看全部

0 采集收起来源：再选一个类 - 类选择器
2018-03-22
雨微知秋

当设置的颜色是16进制的色彩值，如果每两位的值相同，则可以缩减一半。

查看全部

0 采集收起
2014-11-19
雨微知秋

还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，如下面代码： margin:10px 10px 10px 10px; 可缩写为： margin:10px; 2、如果top和bottom值相同、left和 right的值相同，如下面代码： margin:10px 20px 10px 20px; 可缩写为： margin:10px 20px; 3、如果left和right的值相同，如下面代码： margin:10px 20px 30px 20px; 可缩写为： margin:10px 20px 30px; 注意：padding、border的缩写方法和margin是一致的

查看全部

0 采集收起
2014-11-19
雨微知秋

1、参照定位的元素必须是相对定位元素的前辈元素： <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div> 从上面代码可以看出box1是box2的父元素（父元素当然也是前辈元素了）。 2、参照定位的元素必须加入position:relative; #box1{ width:200px; height:200px; position:relative; } 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top:20px; left:30px; } 这样box2就可以相对于父元素box1定位了（这里注意参照物就可以不是浏览器了，而可以自由设置了）。

查看全部

0 采集收起来源：Relative与Absolute组合使用
2018-03-22

首页上一页 27586 27587 27588 27589 27590 27591 27592 下一页尾页

0/150

提交

取消

开始学习

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

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