第二阶段CSS3—2019/9/11

最新推荐文章于 2023-03-11 18:15:56 发布

Mango学习日记

最新推荐文章于 2023-03-11 18:15:56 发布

阅读量240

点赞数 1

分类专栏： Web 文章标签： CSS

本文链接：https://blog.csdn.net/wangzilong1995/article/details/100740833

版权

Web 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

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>

在这里插入图片描述

Mango学习日记

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
第二阶段CSS3—2019/9/11

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)从最后一个孩子...
复制链接

扫一扫