CSS(Sascading Style Sheet ) /*层叠样式表*/
引入方式
内部样式：将样式集中写在head标签中的style样式中
外部样式：写在单独的css样式中 <link href = "文件" >
CSS选择器
基本选择器：
元素选择器：p {color:"read"}
ID选择器：#d1 ...
类选择器：.c1 ... p.c1 ...
通用选择器：* { ... }
组合选择器：
后代选择器： li a { ... }
儿子选择器：div> p { ... }
毗邻选择器：div+p { ... }
弟弟选择器： #d1~p { ... }
属性选择器：
p[title] p [title= "123"]
伪类选择器：
a:link {color :"read "} /*未访问的链接*/
a:visited { ... } /*已访问的链接*/
a:horver { ... } /*鼠标移动到链接上*/
a:active { ... } /*选定的链接*/
input：focus { ... } /*输入框获取焦点时的样式*/
伪元素选择器
p: first-letter /*给首字母v设置特殊样式*/
p:before {content= ""] /*在每个p元素之前插入内容*/
p:after { ...}
选择器的优先级：
内联样式的权重为1000
ID选择器的权重为100
类选择器的权重为10
元素选择器的权重为1
权重计算永不进位
文字属性：
文字对齐：text-align
文字装饰：text-decoration
none 默认
underline 文本下划线
overline 文本上划线
line-through 穿过文本的一条线
inherit 继承
常用：a {txet-decoration：none；} /*去掉a标签默认的下划线*/
首行缩进：p {text-indet: 32px} /*将段落的第一行缩进32px*/
背景属性：
background- color :red /*背景颜色*/
background-image： ...
background-color： ....
repeat(默认) /*背景图片将铺满整个网页*/
边框：
border- width:
border- style :
border- color :
简写：border: 1px solid black
border-radius :
指将各边成圆弧 100% 50%皆是圆形 25%和其他是指圆角
margin(外边距)、padding(内填充)
简写顺序：上左下右（顺时针）
提供一个：将用于一边
提供两个：第一个用于上-下 第二个用于左右
提供三个：第一个用于上，第二个用于左-右， 第三个用于 下
float：
left right none(默认)
clear:
...规定元素那一侧不允许其他浮动元素
***clear属性只会对自身起作用，不会影响其他元素
overflow
hidden（可用于制作头像）
scroll （内容会被修剪，但是浏览器会显示滚动条以便查看其他内容）
CSS
原文地址：https://www.cnblogs.com/crzhang/p/9653339.html