一、CSS简介CSS全称cascading style sheeding，层叠样式列表。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。二、CSS组成1、选择器（1）标签选择器<head> <style> p{ ba ...
一、CSS简介
CSS全称cascading style sheeding，层叠样式列表。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
二、CSS组成
1、选择器
（1）标签选择器
<head> <style> p{ background-color: green; height: 48px; } </style></head><body> <p>中国人</p></body>（2）ID选择器
<head> <style> #i1{ background-color: blue; height: 48px; } </style></head><body> <div id="i1"> 中国人 </div></body>（3）class选择器
<head> <style> .c1{ background-color: yellow; height: 48px; } </style></head><body> <div class="c1"> 中国人 </div>
</body>（4）关联选择器（层级选择器，空格）
类似span标签里的p标签的样式，也可以是id,class,标签等组合
<head> <style> span p{ background-color: darkorchid; height: 48px; } </style></head><body> <p>中国人</p> <span> <p>中国人</p> </span> <p>中国人</p></body>（5）组合选择器(逗号)
<head> <style> .c1,.c2,.c3{ background-color: yellow; height: 48px; } </style></head><body> <div class="c1"> 中国人 </div> <div class="c2"> 中国人 </div> <div class="c3"> 中国人 </div></body>（6）属性选择器
对选择的标签过滤后再通过属性进行过滤
<head> <style> .cc[n="tom"]{ background-color: yellow; height: 48px; } </style></head><body> <div class="cc"> 中国人 </div> <div class="cc" n="tom"> 中国人 </div></body>（7）行选择器
<body> <div style=" height: 28px;"> 中国人 </div></body>
2、link引入外部css
通过建立专属的css文件，在其他html导入css文件，从而使用css文件的样式
001.css内容如下：
#i1{ background-color: blue; height: 48px; }.c1{ background-color: yellow; height: 48px; }p{ background-color: green; height: 48px; }span p{ background-color: darkorchid; height: 48px; }.cc[n="tom"]{ background-color: yellow; height: 48px; }001.html内容如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="001.css"></head><body> <p>中国人</p></body></html>
3、优先级
row style——>head style (按照编写顺序，自上而下优先)——> external style
4、css注释
/* 注释内容 */
5、边框
6、背景
7、float
8、display
9、padding margin
10、text-align
11、height、width、line-height、color、font-size、font-weight
三、
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：Web前端学习——CSS
关键词：CSS
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
