css挑选符种类详尽详细介绍

日期:2020-12-12 类型:科技新闻 

关键词:微信小程序页面设计,python小程序,小程序首页模板,如何建立微信小程序,怎么做微信小程序

1、标识挑选符:对于某1类标识,能够以标识做为挑选符


拷贝编码
编码以下:

<style type="text/css">
p{color:#F00; font-size:36px;}
</style>
</head>
<body>
<p>0.5秒3分绝杀!波特兰上演波什時刻 第N次解救热火</p>
<h1>玩命暴扣扳平+助攻绝杀3分 热火太好运有这颗队魂</h1>
<p>热火今晚还1元勋务必赞 11分很少但却分分是金!</p>
<p>詹波为小弟恶犯叫屈 当事人他都起飞了!毫无疑问假摔</p>
<p>斯帅称客战发展者奥登不打 波什:他很快便可复出</p>
</body>

2、类挑选符:根据类挑选符界定1个款式,必须改款式的元素就在该元素内根据class特性将该款式加上到该元素中界定类名的情况下数据不必开始,起名的情况下最好是要成心义,能够另外给某个元素运用好几个类文件格式:class="类1 类2"(类与类之间用空格分隔)


拷贝编码
编码以下:

<style type="text/css">
.red{color:#C00;}
.family{font-family:"汉仪清韵体简";}
</style>
</head>
<body>
<p class="red">0.5秒3分绝杀!波特兰上演波什時刻 第N次解救热火</p>
<h1>玩命暴扣扳平+助攻绝杀3分 热火太好运有这颗队魂</h1>
<p>热火今晚还1元勋务必赞 11分很少但却分分是金!</p>
<p>詹波为小弟恶犯叫屈 当事人他都起飞了!毫无疑问假摔</p>
<p class="red family">斯帅称客战发展者奥登不打 波什:他很快便可复出</p>
</body>

3、ID挑选符:只想对于某1个元素开展操纵,与类基础类似,只是以英文"#"开始,由于ID具备唯1性,因此在网页页面中只能出現1次界定id的情况下数据不必开始,起名最好是要成心义


拷贝编码
编码以下:

<style type="text/css">
#two{color:#600; font-family:'汉仪行楷简';}
#one{font-family:Arial, Helvetica, sans-serif; font-family:'汉仪行楷简'; font-size:36px;}
</style>
</head>
<body>
<h1>李克强主持人召开<span>国务院</span>常务大会</h1>
<h2 id="two"> 听取最低日常生活确保政策落实督查状况报告</h2>
布署进1步提升和改善低保工作中
<div id="one">决策将《社会发展援助暂行方法(草案)》向社会发展公布征询意faksdjfkasfkasdfj</div>
</body>

4、包括(派生)挑选符:(挑选符的嵌套循环应用,对于某个元素中的子元素开展操纵,便可以应用该方式,这样便可以无需id或类挑选符,编码能够简约
英语的语法:e1 e2{特性:特性值}(e1是父元素,e2是子元素)


拷贝编码
编码以下:

<style type="text/css">
p strong{color:#F00;}
</style>
</head>
<body>
<p>0.5秒3分绝杀!波特兰上演波什時刻 第N次解救热火</p>
<h1>玩命暴扣扳平+助攻绝杀3分 热火太好运有这颗队魂</h1>
<p><strong>热火</strong>今晚还1元勋务必赞 11分很少但却分分是金!</p>
<p>詹波为小弟恶犯叫屈 当事人他都起飞了!毫无疑问假摔</p>
<div>斯帅称客战发展者奥登不打 波什:他很快便可复出</div></p> <p><ul>
<li> 安东尼推特怒骂无礼粉丝:我没规定你这货适用我</li>
<li>大范:篮网就像低等联赛球队 她们的境遇同盟最差</li>
<li>基德请教真神获5字真经 波帅:他够强硬能保证这点</li>
</ul>
<div>灭<strong>雷霆</strong>擒步行者!隐形杀手冒头 东部又1新控神诞生</div>
<h1>加内特直言还没寻找节奏:亲身经历过比这更艰辛的阶段</h1>
</body>

5、通配挑选符:*{特性:特性值} 能够操纵全部的html元素功效范畴很广,可是高效率较低(工作中中慎用)


拷贝编码
编码以下:

<style type="text/css">
*{color:#0C0; font-size:18px;}
</style>
</head>
<body>
<p>0.5秒3分绝杀!波特兰上演波什時刻 第N次解救热火</p>
<h1>玩命暴扣扳平+助攻绝杀3分 热火太好运有这颗队魂</h1>
<p>热火今晚还1元勋务必赞 11分很少但却分分是金!</p>
<p>詹波为小弟恶犯叫屈 当事人他都起飞了!毫无疑问假摔</p>
<div>斯帅称客战发展者奥登不打 波什:他很快便可复出</div></p> <p><ul>
<li> 安东尼推特怒骂无礼粉丝:我没规定你这货适用我</li>
<li>大范:篮网就像低等联赛球队 她们的境遇同盟最差</li>
<li>基德请教真神获5字真经 波帅:他够强硬能保证这点</li>
</ul>
<div>灭雷霆擒步行者!隐形杀手冒头 东部又1新控神诞生</div>
<h1>加内特直言还没寻找节奏:亲身经历过比这更艰辛的阶段</h1>
</body>

6、挑选符排序(团体操纵):将一样的款式用于好几个挑选符,挑选符之间用逗号分隔
英语的语法:挑选符1,挑选符2,挑选符3{特性:特性值}

拷贝编码
编码以下:

<style type="text/css">
p,h1,div{
color:#F00;
font-size:36px;
}
</style>
</head>
<body>
<p>0.5秒3分绝杀!波特兰上演波什時刻 第N次解救热火</p>
<h1>玩命暴扣扳平+助攻绝杀3分 热火太好运有这颗队魂</h1>
<p><strong>热火</strong>今晚还1元勋务必赞 11分很少但却分分是金!</p>
<p>詹波为小弟恶犯叫屈 当事人他都起飞了!毫无疑问假摔</p>
<div>斯帅称客战发展者奥登不打 波什:他很快便可复出</div></p> <p><ul>
<li> 安东尼推特怒骂无礼粉丝:我没规定你这货适用我</li>
<li>大范:篮网就像低等联赛球队 她们的境遇同盟最差</li>
<li>基德请教真神获5字真经 波帅:他够强硬能保证这点</li>
</ul>
<div>灭<strong>雷霆</strong>擒步行者!隐形杀手冒头 东部又1新控神诞生</div>
<h2>加内特直言还没寻找节奏:亲身经历过比这更艰辛的阶段</h2>
</body>

7、标识特定式挑选符:想用id或class的另外还想用标识挑选符
英语的语法:p#one(留意这里无需空格和任何隔开符)表明对于id为one的p标识
h1.p1表明对于class为p1的h1标识


拷贝编码
编码以下:

<style type="text/css">
p#one{
color:#F00;
font-size:36px;
}
p.cla{
background-color:#00F;
font-size:24px;
}
</style>
</head>
<body>
<p id="one">0.5秒3分绝杀!波特兰上演波什時刻 第N次解救热火</p>
<h1>玩命暴扣扳平+助攻绝杀3分 热火太好运有这颗队魂</h1>
<p><strong>热火</strong>今晚还1元勋务必赞 11分很少但却分分是金!</p>
<p class="cla">詹波为小弟恶犯叫屈 当事人他都起飞了!毫无疑问假摔</p>
</body>

8、组成挑选符:将全部挑选符种类组成应用