慕课网

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

初识HTML(5)+CSS(3)

最热最新

一念执著

h1{text-align:center} 居中 h1{text-align:left} 居左 h1{text-align:right} 居右

查看全部

0 采集收起
2015-01-17
自然有爱

好

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2015-01-17
一念执著

文字间的间隔：（若是单词间的间隔，则将letter改成word） h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1>

查看全部

0 采集收起
2018-03-22
___Devil

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

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2015-01-17
一念执著

设置行高： p{line-height:2em;}

查看全部

0 采集收起
2015-01-17
一念执著

p{text-indent:2em;} em 的意思是文字2倍大小 indent ：缩排

查看全部

0 采集收起
2015-01-17
一念执著

上图中的原价上的删除线使用下面代码就可以实现： .oldPrice{text-decoration:line-through;}

查看全部

0 采集收起
2015-01-17
繁华一梦

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>子选择符</title> <style type="text/css"> .food>li{border:1px solid red;}/*添加边框样式（粗细为1px，颜色为红色的实线）*/ .nov>span{border:1px solid red;} </style> </head> <body> <p class="nov">三年级时，<span>我还是一个胆小如鼠的小女孩</span>，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2018-03-22
繁华一梦

子选择器还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码： .food>li{border:1px solid red;}

查看全部

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

样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式但是添加了!important的优先级是最高的，高于用户设置 p{color:red!important;} 注意分号位置

查看全部

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

p a{text-decoration:underline;} <p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>

查看全部

0 采集收起
2018-03-22
lulushy

p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/

查看全部

0 采集收起来源：权值计算-特殊性
2015-01-18
lulushy

.first, #second>span { color:green; } 分组选择符

查看全部

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

a:hover {} 伪类选择器，称为伪类是因为选择器针对的是某标签的某种状态，而这种状态有时候是不存在的

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2015-01-17
一念执著

我们还可以使用css样式来改变文字的样式：粗体、斜体、下划线、删除线，可以使用下面代码实现设置文字以粗体样式显示出来。 p span{font-weight:bold;}

查看全部

0 采集收起来源：再加粗一点 - 使用font-weight设置字体粗细
2015-01-17

首页上一页 26905 26906 26907 26908 26909 26910 26911 下一页尾页

0/150

提交

取消

开始学习

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

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