2. 结构伪类选择器 <li></li>
- 选择第一个
li:first-child
- 选择最后一个
li:last-child
- 选择第n个
li:nth-child(n)
- 选择偶数个
li:nth-child(even)
li:nth-child(2n)
- 选择奇数
li-child(odd)
li-child(2n+1)
- 选择所有
li:child(n)
- 从最后一个孩子开始数
nth-last-child(n)
3. 目标伪类选择器:target
:target{
color:red;
}
CSS外观属性
1. 文本颜色
法一:英文字母(red blue green)
法二:十六进制(#ff00ff #fof)
法三:RGB码(rgb(255,0,0) )
2. 行间距 line-height
一般情况下比字号大7px
3. 水平对齐方式 text-align
left左对齐 right右对齐 center居中对齐
4. 首行缩进text-indent
以em(字数)为单位
5. 字间距letter-spacing
6. 单词间距word-spacing
对中文无效
7. css3新增特性
- 颜色半透明
rgba(r,g,b,a)
a为透明度,取值范围为0-1
- 文字阴影
text-shadow:1水平位置 2垂直位置 3模糊距离(可以不选) 4阴影颜色(可以不选)
sublime快捷方式
div*10+tap
父子级关系的 ul>li*5
.red+tap 自动变成 <div class="red">1</div>
#red+tap 自动变成<div id="red"></div>
综合案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>综合案例</title>
<style>
body {
font-size: 16px;
color:#3c3c3c; /*一般网页不用纯黑*/
}
h1 {
text-align: center;
}
a:link{
color: #0000ff
}
.xinlang {
color: #ff00f0
}
p{
text-align: left;
text-indent: 2em;
line-height: 23px;
letter-spacing: 2px;
}
div {
text-align: center;
font-size: 14px;
}
</style>
</head>
<body>
<h1>中乙队赛前突然换帅仍胜毅腾 高原黑马欲阻击舜天</h1>
<div >
<span>2017年07月16日20:11</span>
<span class="xinlang">新浪体育 评论中大奖(11人参与)</span>
<a href="#">收藏本文</a>
</div>
<hr />
<p>新浪体育讯 7月16日是燕京啤酒<a href="#">[微博]</a>2017中国足协杯第三轮比赛,丽江嘉云昊队主场迎战哈尔滨毅腾队的比赛日。然而就在比赛日中午,丽江嘉云昊队主帅李虎和另外两名成员悄然向俱乐部提出了辞呈,并且收拾行囊准备离开。在这样的情况下,丽江嘉云昊队不得不由此前的教练员杨贵东代理指挥了本场比赛。</p>
<p>在昨日丽江嘉云昊队主帅李虎就缺席了赛前的新闻发布会,当时俱乐部给出的解释是李虎由于身体欠佳,去医院接受治疗。然而今日李虎出现在俱乐部时,向记者否认了这一说法,并且坦言已经向俱乐部提出了辞呈。</p>
<p>据记者多方了解的情况,李虎<a href="#">[微博]</a>极其教练组近来在执教成绩上承受了不小的压力,在联赛间歇期期间,教练组曾向俱乐部提出能够多引进有实力的球员补强球队,然而由于和俱乐部在投入以及成绩指标上的分歧,李虎最终和教练组一起在比赛日辞职。</p>
<p>这样的情况并没有影响到丽江嘉云昊队<a href="#">[微博]</a>的队员,在比赛中丽江队在主场拼的非常凶,在暴雨之中仍然发挥出了体能充沛的优势,最终凭借点球击败了中超球队哈尔滨毅腾,顺利晋级下一轮比赛。根据中国足协杯的赛程,丽江嘉云昊队将在本月23日迎战江苏舜天队。</p>
</body>
</html>