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

今日学习新的css样式

时间:2015-04-03 23:48:19      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:

z-index:1000; 离眼睛的层级关系,值越大离眼睛越近,无单位级别

font-weight:800; 用样式把文字加粗,无单位级别

display:block;   盒子模型显示

word-break:break-all; 强制换行

border-radius:5px;  css3新技术,让边框出现圆滑弧度

padding:10px 内部补白文字到边框的距离增加10px空白

margin:10px 外补白,边框外面四周有10px的空隙

text-indent:26px 段落缩进2个字符可以计算如:font-size:12px; letter-spacing:1px; 2个字的缩进为(12+1)*2px

overflow:auto;    如果div比较小会出现滚动条,如果足够装下则不出现

overflow:hidden; 隐藏超过div框架之外的内容

ul,ul li{

list-style:none;           去除ul前面的黑色点点

}

-webkit- columns: auto 3;  让一段段落分成3栏  谷歌浏览器前缀

为了增强兼容性可以这样写:

-ms- columns: auto 3;            IE浏览器前缀

-0- columns: auto 3;               欧鹏浏览器前缀operal

-moz- columns: auto 3;           火狐浏览器前缀firfox

        columns: auto 3; 

-webkit- column-rule:1px dashed gray; 给段落加入1像素的灰色的虚线

-webkit-column-gap:30px  栏的间距

position:fixed;  固定

-webkit-transtion:all 2s ease-in  0     动画 2s总运行时间  ease-in动画效果   0延迟时间从0开始

文字效果变换

text-transform:low 小写字母、

text-transform:up   大写

text-transform:cap 首字母大写

text-shadow:2px 2px 5px red; 上移 下移 阴影大小 阴影的颜色

 

今日学习新的css样式

标签:

原文地址:http://www.cnblogs.com/lsr111/p/4391228.html

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