【CSS】

背景

background-attachment:scroll|fixed|local|initial|inherit; 背景图像是否固定或者随着页面的其余部分滚动。
background-color 设置元素的背景颜色。
background-image:url() 把图像设置为背景。
background-position: 设置背景图像的起始位置。
background-repeat: 设置背景图像是否及如何重复。
background-size设置背景图大小。

文本

color 设置文本颜色
direction 设置文本方向。
letter-spacing  设置字符间距(单词内字母和字母之间)
line-height 设置行高
text-align  对齐元素中的文本
text-decoration:overline|line-througe|underline|blink 向文本添加修饰
text-indent:20px 缩进元素中文本的首行
text-shadow 设置文本阴影
text-transform:capitalize首字母大写|uppercase大写|lowercase小写 控制元素中的字母
vertical-align  设置元素的垂直对齐
white-space 设置元素中空白的处理方式
word-spacing  设置字间距(单词与单词之间)

字体

font  在一个声明中设置所有的字体属性
font-family 指定文本的字体系列
font-size 指定文本的字体大小
font-style:normal|italic斜体|oblique倾斜  指定文本的字体样式
font-variant:small-caps 以小型大写字体或者正常字体显示文本。
font-weight 指定字体的粗细。

链接

a:link {color:#000000;} /* 未访问链接*/

a:visited {color:#00FF00;} /* 已访问链接 */

a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */

a:active {color:#0000FF;} /* 鼠标点击时 */

列表

ul li无序列表

ol li有序列表

list-style-image:url('sqpurple.gif');

list-style-position: inside放到文本以内|outside默认值,文本以外;

list-style-type:disc默认实心圆|cicle空心圆|square实心方块|decimal数字|

其他样式看https://www.runoob.com/cssref/pr-list-style-type.html

边框

border:5px solid red;

border-style:solid实线|dotted点线|dashed虚线|double|groove沟槽边框|ridge脊边框|inset嵌入边框|outside突出边框

轮廓

绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

outline:2px solid red;

猜你喜欢

转载自www.cnblogs.com/Mijiujs/p/12133484.html
css