码迷,mamicode.com
首页 > Web开发 > 详细

初学css常用属性整理

时间:2017-03-26 18:17:02      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:注意   under   str   显示   required   数字   enter   over   letter   

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              -----文本框内显示的文字

初学css常用属性整理

标签:注意   under   str   显示   required   数字   enter   over   letter   

原文地址:http://www.cnblogs.com/Toshiba2016/p/6623391.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!