慕课网

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

初识HTML(5)+CSS(3)

最热最新

耕心

&nbsp是空格的意思

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
目醒

我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。如下代码： p{color:red!important;} p{color:green;} <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2018-03-22
目醒

当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色： h1,span{color:red;} 它相当于下面两行代码： h1{color:red;} span{color:red;}

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2018-03-22
目醒

伪类选择符，它允许给html不存在的标签设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色： a:hover{color:red;}

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2018-03-22
目醒

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

查看全部

0 采集收起来源：我全都要 - 通用选择器
2018-03-22
目醒

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

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2018-03-22
李兰加洛斯

display:inline-block 内链块装元素

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2018-03-22
wangzherlf

font-variant:small-caps; 小型大写，大小跟小写字母一样，样式是大写

查看全部

0 采集收起
2018-03-22
wangzherlf

字体缩写: body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:1em; line-height:140%; font-family:"宋体",sans-serif; } 缩写为： body{ font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif; } 1em/140%指字号及行高注意：至少要指定 font-size 和 font-family

查看全部

0 采集收起
2018-03-22
wangzherlf

固定定位： position:fixed; left:100px; top:50px; 相对偏移的坐标是视图（屏幕内的网页窗口）本身。固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。

查看全部

0 采集收起来源：我就在那不动了-层模型之固定定位
2018-03-22
wangzherlf

相对定位： position:relative; left:100px; top:50px; 相对定位是相对本元素以前的位置，移动方向和幅度由left、right、top、bottom属性确定

查看全部

0 采集收起来源：相对于自己的位置-层模型之相对定位
2018-03-22
wangzherlf

绝对定位： position:absolute; left:100px; top:50px; right:xx; bottom:xx; 这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。

查看全部

0 采集收起来源：万事无绝对 -层模型之绝对定位
2018-03-22
wangzherlf

层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)

查看全部

0 采集收起来源：什么是层模型？
2018-03-22
李兰加洛斯

h1{ text-align:center; } <h1>了不起的盖茨比</h1> 同样可以设置居左： h1{ text-align:left; } <h1>了不起的盖茨比</h1> 还可以设置居右： h1{ text-align:right; } <h1>了不起的盖茨比</h1>

查看全部

0 采集收起
2018-03-22
wangzherlf

CSS包含3种基本的布局模型: 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer）

查看全部

0 采集收起来源：CSS3的布局 - css布局模型
2018-03-22

首页上一页 28225 28226 28227 28228 28229 28230 28231 下一页尾页

0/150

提交

取消

开始学习

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

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