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

CSS常用的属性

时间:2017-12-16 23:10:53      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:variant   单位   下划线   normal   rom   div   没有   尺寸   back   

font字体属性

font-size    字体大小

font-family  字体系列(宋体等)

font-weight  字体粗细  normal  bold   100~900   400=normal  700=bold

font-style   字体风格  normal  italic(倾斜)

font-variant 字体的变形  small-caps (小型大写字母)

font 简写(要求至少给出 字体大小/字体系列)      例如:font: 15px 微软雅黑;

font: [<字体加粗> | <字体风格> | <字体变形>] <字体大小>[/行高] <字体系列>  必须按顺序!!否则不会执行

background背景属性

background-color   背景颜色(三种方式,1.单词2.#fff000 3.rgb(255,255,255)4.rgba,a透明度(0-1)

background-image  背景图片 :url(‘./imgs...‘); css引入文件,都是相对于css自己本身

background-repeat: 重复方式 no-repeat(不重复) | repeat-x | repeat-y | repeat
background-position  背景位置  (left center right  水平方向/// top  center bottom  垂直方向)
                                              例子: background-position:7px(X) -45px<Y>  浏览器为第四项限
background-attachment  背景固定  (fixed  固定  scroll默认滚动)
background-size    背景图片的尺寸 (像素 / % / cover 扩大至覆盖全部)
               长度单位:px,em(倍数);%     颜色单位:单词;进制;rgb;rgba(a是透明度,0是透明,1不透明)
background  简写  (无顺序,随便写)

文本属性

letter-spacing    字间距  px         color:颜色                            

word-spacing    词间距  px    (只对有空格的起作用)

text-indent       首行缩进 px

text-align        文字对齐 left  right center

line-height       行高  px  em  % (每行的间距)以字的中间为基线,是基线与间的距离

text-decoration   文字修饰(underline 下划线  /  overline 上划线 / line-through 删除线 / none 隐藏下划线)

text-shadow      文字阴影(:5px 5px 5px #f00;    水平阴影位置   垂直阴影位置    模糊距离   阴影的颜色)

white-space:nowrap 强制不换行
word-wrap:break-word;word-break:normal 自动换行
(用边框属性绘制三角形,边框本质是梯形)

边框属性

border-width     边框四边的宽度 px

border-style      边框的样式 solid (单线)double(双线) dashed(虚线)

border-color      边框颜色

单独设置某条边的边框  需要加入-top 等关键字

border  简写形式   border:width style color;           例子:border: 1px solid #666

 

box-shadow   边框阴影  水平位置x / 垂直位置y / 模糊距离10px/阴影大小10px / 阴影颜色

border-radius  边框圆角        px / %

border-collapse: collapse; 合并表格内外边距

列表属性

list-style-type     设置列表的格式为none.也就是没有格式.

list-style            列表样式类型 none(无样式) 去列表的点

                     disc(默认值 实心点)             circle 圆圈           decimal 数字
                     lower-roman 小写罗马..等

list-style-position   列表样式位置          inside(在内)  outside(在外) 比如说圆点或者方点

list-style-image    列表样式图片  :url(‘./....‘);

CSS常用的属性

标签:variant   单位   下划线   normal   rom   div   没有   尺寸   back   

原文地址:http://www.cnblogs.com/liheishuai/p/8047870.html

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