慕课网

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

初识HTML(5)+CSS(3)

最热最新

梧桐人生

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 讲解： 1、src：标识图像的位置； 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本； 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； 4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起
2018-03-22
梧桐人生

如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。完整案例: <a href="mailto:yy@imooc.com ? cc=xiaoming@imooc.com & bcc=xiaoyu@imooc.com & subject=主题 & body=邮件内容"></a>

查看全部

0 采集收起
2018-03-22
慕尼黑9055727

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

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-11-20
慕尼黑9055727

包含(后代)选择器包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码： .first span{color:red;} 注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
慕尼黑9055727

子选择器即大于符号(>),用于选择指定标签元素的第一代子元素。如.food>li{border:1px solid red;}/*添加边框样式（粗细为1px，颜色为红色的实线）*/ <ul class="food"> <li>水果 <ul> <li>香蕉</li> <li>苹果</li> <li>梨</li> </ul> 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
qq_five个蛋_0

内敛元素不要留空格回车之内的

查看全部

0 采集收起来源：我要和你站一起 - 内联元素
2014-11-20
慕尼黑9055727

类和ID选择器的区别相同点：可以应用于任何元素不同点： 1、ID选择器只能在文档中使用一次。而类选择器可以使用多次。ID选择器是不可以的（不能使用 ID 词列表）。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。下面的代码是正确的 .stress{ color:red; } .bigsize{ font-size:25px; } <p>到了<span class="stress bigsize">三年级</span>下学期时，我们班上了一节公开课...</p> 上面代码的作用是为“三年级”三个文字设置文本颜色为红色并且字号为25px。

查看全部

0 采集收起来源：类和ID选择器的区别
2018-03-22
慕尼黑9055727

ID选择器在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别： 1、为标签设置id="ID名称"，而不是class="类名称"。 2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。

查看全部

0 采集收起
2018-03-22
慕尼黑9055727

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

查看全部

0 采集收起来源：再选一个类 - 类选择器
2018-03-22
慕尼黑9055727

标签选择器其实就是html代码中的标签。

查看全部

0 采集收起来源：选一个标签 - 标签选择器
2014-11-20
清少

<style type="text/css"> table tr td,th{border:1px solid #000;} </style>

查看全部

0 采集收起
2018-03-22
清少

<th>…</th>：表格的头部的一个单元格，表格表头

查看全部

0 采集收起
2018-03-22
妞妞0825

字体缩写网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码： body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句： body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; } 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用： body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。

查看全部

0 采集收起
2018-03-22
妞妞0825

颜色值缩写关于颜色的css样式也是可以缩写的，当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。例子1： p{color:#000000;} 可以缩写为： p{color: #000;} 例子2： p{color: #336699;} 可以缩写为： p{color: #369;}

查看全部

0 采集收起
2014-11-20
妞妞0825

盒模型代码简写还记得在讲盒模型时外边距(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-20

首页上一页 27581 27582 27583 27584 27585 27586 27587 下一页尾页

0/150

提交

取消

开始学习

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

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