慕课网

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

初识HTML(5)+CSS(3)

最热最新

东大小松鼠

我也来试试，为右边代码编辑器中第一段文字“胆小如鼠”加入鼠标滑过文字字号设置为20象素a:hover{ font-size:20px; }

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-12-11
东大小松鼠

伪类选择符更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;} 上面一行代码就是为a标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。关于伪选择符：关于伪类选择符，到目前为止，可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用：hover了（其实伪类选择符还有很多，尤其是css3中，但是因为不能兼容所有浏鉴器，本教程只是讲了这一种最常用的）。其实:hover可以放在任意的标签上，比如说p:hover，但是它们的兼容性也是很不好的，所以现在比较常用的还是a:hover的组合。

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2014-12-13
fuchao_pku

流动布局模型具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div，h1，p)宽度显示为100%。

查看全部

0 采集收起来源：排队显示-流动模型（一）
2014-12-11
fuchao_pku

如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现

查看全部

0 采集收起
2014-12-11
东大小松鼠

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

查看全部

0 采集收起来源：我全都要 - 通用选择器
2014-12-13
东大小松鼠

包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。（所有后代）子选择器作用于直接后代

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2014-12-11
东大小松鼠

子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
威士忌加糖

一个网页可分为，载体、内容、样式、效果载体：html 内容：用户内容样式：css 效果：js

查看全部

0 采集收起来源：解释不等于掩饰- html文件注释
2014-12-11
AJay小杰子

<ol> <li>内容1</li> <li>内容2</li> </ol> 有序列表，序号默认从1开始。

查看全部

0 采集收起
2018-03-22
甜菜

字体缩写: 网页中的字体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
甜菜

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

查看全部

0 采集收起
2014-12-11
甜菜

盒模型代码简写盒模型时外边距(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-12-11
Coolkids

1 <q>标签的语义是：引用别人的话 2 <q>标签中引用的文本不用加双引号，浏览器会自动为文本两端添加双引号

查看全部

0 采集收起
2018-03-22
小华丶

ul-li是没有前后顺序的信息列表。 ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点

查看全部

0 采集收起
2014-12-11
甜菜

Relative与Absolute组合使用必须遵守的规则： 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; }

查看全部

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

首页上一页 27317 27318 27319 27320 27321 27322 27323 下一页尾页

0/150

提交

取消

开始学习

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

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