选择器分为3种
1. 元素选择器——标签名
2. id选择器—— #（井号）
3. 类选择器—— .(点)
<style>p#percentage{ ?width:50%; ?height:50%; ?background-color:pink;}p#pix{ ?width:180px; ?height:50px; ?background-color:green;}</style> <p id="percentage"> 按比例设置尺寸50%宽 50%高</p> <p id="pix"> 按象素设置尺寸 ?180px宽 50 px高</p>背景的选择
background-color
background-image:url(文件路径)
background-repeat属性可以设置背景是否重复
字体的设置
行间距： line-height
对文本进行修饰 text-decoration
首行缩进 text-indent
可以控制空白格 white-space
font-style 可以设置字体（标准，斜体...）
可以把大小，风格，粗细，字库都写在一行里面
<style>p.all{ ??font:italic bold 30px "Times New Roman";} </style> <p>默认字体</p> <p class="all">斜体的 粗体的 大小是30px的 "Times New Roman" </p>表格
table-layout
border-collapse
边框宽度
border-width
显示方式：display
none：被隐藏的元素，不占用原来的位置
block: 前后换行，可以改变大小
inline：没有换行，大小不变
inline-block：不换行，但是大小可变
居中方式：
1.元素居中
需要先设置大小
<style> ?div{ ????border: solid 1px lightgray; ????margin: 10px; ?} ?span{ ????border: solid 1px lightskyblue; ?}</style><div> 默认情况下div会占用100%的宽度,所以无法观察元素是否居中</div> <div style="width:300px;margin:0 auto"> ?设置本div的宽度，然后再使用样式 margin: 0 auto来使得元素居中</div> <span style="width:300px;margin:0 auto"> ?span 是内联元素，无法设置宽度，所以不能通过margin:0 auto居中</span> <div style="text-align:center"> ?<span>span的居中可以通过放置在div中，然后让div text-align实现居中</span></div>
2.内容居中
align = "center"
style = "text-align:center"
解决块之间有空格
<style>div.nocontinue span{border-bottom:2px solid lightgray; ?float:left; //解决的地方}</style> ?<div class="nocontinue"><span>有换行的span</span><span>有换行的span</span><span>有换行的span</span></div> <div style="clear:both"></div> ????//使得后续的元素，不会和这些span重复在一起 <div>后续的内容</div>CSS_复习
原文地址：https://www.cnblogs.com/zxj-262410/p/8706331.html