CSS常用样式属性
整理了一些之前刚学CSS时的一些基本的样式属性,另外在使用时还要注意一下CSS里
选择符的权重(id-#=100 , class-.=10 直接指定标签=1)。
字体、颜色、背景属性
font-size ------字体大小(**px,**em)
font-family ------字体类型(微软雅黑,黑体,楷体等)
font-weight ------字体粗细(bold粗体,也可直接输入100-900数值)
font-style ------字体风格(italic斜体,)
font-variant ------小型字母(small-caps缩小了的大写字母)
font ------符合属性,ex:p{font:italic bold 宋体 20px}
Color ------字体颜色
Backgroup ------背景(color-颜色,image-图片,position-位置,repea-重复,attachment-附件)
文本属性
Word-spacing -------单词间隔(一整个单词或文字的间隔)
Letter-spacing -------字符间距(单字母或文字的间隔 一般中文使用)
Text-decoration -------文字修饰(underline下划线,overline上划线,line-through删除线,blink闪烁)
Text-indent --------首行缩进
Vertical-align --------纵向排列(主要用于图片的纵向排列)
Text-transform ------文本转换(capitalize首字母大写,uppercase所有字母大写,lowercase所有字母小写)
Line-height -------行高(每行之间上下的间距。)
Width -------宽度(单位% 或者指定数值。)
边距,填充与边框属性
Margin --------外边距(-top,right,bottom,left上下左右。Auto自动取值。单位px)
Padding --------内边距(同上)
如果使用复合属性,对应的是 上,右,下, 左(顺时针)ex: padding 10px 20px 30px 40px;
Border --------边框(同上,复合属性同上)solid实线,dotted点线,Dashed虚线。
List-style-image ------图像符号(一般用在超链接前)
border-collapse: collapse 内外边框合并
鼠标经过超链接的样式
a:hove ------鼠标经过时的样式(字体变更,颜色,大小等)
a:visited ------访问后的样式(变灰等)
a:active ------鼠标按下时的状态
a:link ------默认状态(改变颜色,去下划线等等)
input标签的一些属性
required ------必填项(另有只读readonly)
placeholder ------默认显示内容
checked ------默认选中项
disabled ------禁选项
height ------定义输入框高度
name ------定义元素名字
pattem ------限制输入内容格式(比如数字0-9 pattem=“【0-9】”)
size ------宽度(也可用width)
type ------标签类型(text等)
value -----文本框内显示的文字