css常用标签
1.css背景样式
background-color:背景色
background-image:背景图
url(背景图地址)
默认:会水平垂直都铺满背景图
background——repeat:平铺方式
repeat-x:x轴平铺
repeat-y:y轴平铺
repeat(x,y都进行平铺,默认值)
no——repeat 都不平铺
background-position:背景位置
x,y:number(px,%)|单词
x:left:center:right
y:top,cent,bottom
background-position:背景图片滚动条移动的方式
scroll:默认值(背景位置是按照当前元素进行偏移的)
fixed(背景位置是按照浏览器进行偏移的)
2.css边框样式
border-style:边框样式
solid:实线
dasher:虚线
dotted:点线
border-width:边框大小
px....
border-color:边框颜色
red #f00...
边框也可以针对某一边进行单独设置:border-left-style:.......
3.css文字样式
font-family:字体类型
英文字体:Arial,Times New Roman
中文字体:微软雅黑,宋体
注意点:
1.多个字体类型设置目的
2.引号的添加目的
font-size:字体大小
默认:16px
写法:number(px)|单词(small large ...不推荐使用)
font-weight:字体粗细
模式:正常(normal) 加粗(bold)
写法:单词(normal,bold)|number(600px以上是加粗)
font-style:字体样式
模式:正常 (normal) 斜体 (italic)
写法:单词:normal,italic
4.css段落样式
text-decoration:文本装饰
下划线:underline
上划线:overline
删除线:line-through
不添加任何装饰:none
添加多个文本修饰:underline,overline,line-through
text-transform:文本大小写
小写:lowercase
大写:uppercase
只让首字母进行大写:capitalize
text-indent:文本缩进
首行缩进:text-indent:numberpx
em单位:相对单位,1em永远跟字体大小相对应
text-align:文本对齐
左对齐:text-align:left;
右对齐:text-align:right;
居中:text-align:center;
两端点对齐:text-align:justify;
line-height:定义行高(行高,一行文字的高度,上边距和下边距等价,默认行高不是一个固定值,根据当前字体大小再不断变化)
取值:1.number(px)| scale(比例值,跟文字大小成比例的,1=16px)
lett-spacing:定义字距离
word-spacing:定义词距离(针对英文)
强行折行:(针对英文,数字)
1.word-break:break-all(非常强烈的折行)
2.word-wrap:break-word:(不是那么强烈的折行,会产生一些空白区域)
5.css复合样式
符合写法:是通过空格方式实现的。复合写法有的不需要关心顺序,例如:background,border,有的需要关心顺序,例如:font
1.background:red url() repeat 0 0;
2.border:1px red solid
3.font:
注:最少要有两个值 size family
weight style size family
size/line—height