CSS3
Daisytattoo
自律与生活。
展开
-
word-break 、white-space与word-wrap的区别
1、word-wrap:break-word,内容将在边界内换行,仅用于块对象,内联对象要用的话,必须要设定height、width或display:block或position:absolute。2、通过使用word-break属性,可以让浏览器实现在任意位置的换行。取值可为以下三种形式:3、white-space:设置如何处理元素内的空白。取值可为:4、overflow:hidden,超出边界...原创 2018-05-02 19:22:31 · 244 阅读 · 0 评论 -
CSS定位机制
在CSS的定位机制中,分别有如下三种:1.文档流 2.浮动(float)3.定位(position)所谓文档流,即元素排版布局过程中,元素会自动从左往右,从上到下的流式排列。脱离文档流,即将元素从普通的布局排版中拿走(打乱排列顺序),其他盒子在进行定位的时候,会当做脱离文档流的元素不存在而进行定位。PS:只有绝对定位absolute和浮动float才会脱离文档流。position:absolute...原创 2018-05-02 19:41:49 · 177 阅读 · 0 评论 -
CSS新增属性
CSS3新增属性用法整理: 1、box-shadow(阴影效果) 2、border-color(为边框设置多种颜色) 3、border-image(图片边框) 4、text-shadow(文本阴影) 5、text-overflow(文本截断) 6、word-wrap(自动换行) 7、border-radius(圆角边框) 8、opac...原创 2018-05-02 20:12:00 · 429 阅读 · 0 评论 -
浏览器引擎
主流浏览器内核私有属性css前缀: mozilla内核 (firefox,flock等) -moz webkit内核(safari,chrome等) -webkit ...原创 2018-05-02 20:21:30 · 335 阅读 · 0 评论 -
CSS3新增属性用法整理
box-shadow 阴影效果border-color 为边框设置多种颜色border-image 图片边框text-shadow 文本阴影text-overflow 文本截断word-wrap 自动换行border-radius 圆角边框opacity 透明度box-sizing 控制盒模型的组成模式resize 元素缩放outline 外边框background-size 指定背景图片尺寸b...原创 2018-05-19 16:42:32 · 789 阅读 · 0 评论