随笔分类 -  Css

CSS3 transform属性
摘要：更多CSS知识：https://www.yuque.com/smallwhy/srwwbc 说明: transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行移动(translate)、旋转(rotate)、缩放(scale)或倾斜(skew) transition属性用于对 阅读全文
posted @ 2018-11-05 21:45 Zero_追梦 阅读(9464) 评论(0) 推荐(0)
CSS 换行
摘要：默认情况下，元素的属性是 white space：normal；自动换行；（不把单词截断，会把单词看作一个整体） 但是但是但是但是。。当元素中的内容是一对没有空格的字符／数字时，超过容器宽度就会把容器撑大，不会换行了。 强制换行： 强制不换行： 阅读全文
posted @ 2018-11-03 14:17 Zero_追梦 阅读(264) 评论(0) 推荐(0)
CSS div仿table样式
摘要：要想让div元素显示的样式与table相同，那么需要使用display属性，这个属性将告诉浏览器这些数据是制表的，将以哪种样式来渲染数据； 阅读全文
posted @ 2018-11-03 14:12 Zero_追梦 阅读(2758) 评论(0) 推荐(0)
CSS 选择器优先级
摘要：1. CSS选择器判断过程： 第一步：判断选择器的 (多重组合样式同理，多个class类选择器 tag标签选择器 通配符 继承 第二步: 同种类型的权重判断选择器的顺序 同种类型的权重不同层数，组合层数多的 组合层数少的 同种类型的权重同等层数，后定义的 先定义的 2.实例 (1). 单个选择器，不 阅读全文
posted @ 2018-11-03 14:10 Zero_追梦 阅读(265) 评论(0) 推荐(0)
CSS3 box-sizing属性
摘要：box sizing 元素的内边距、边框被包含在宽高内； 设置内边距和边框不会影响元素的布局和大小； 默认情况下内边距和边框不被包含进宽高内； 实例说明: 结果: 默认情况下一个元素的总宽=设置的宽度+paddingLeft+paddingRight+borderLeft+borderRight; 阅读全文
posted @ 2018-10-24 21:05 Zero_追梦 阅读(440) 评论(0) 推荐(0)
CSS3 box-shadow阴影
摘要：box shadow: color x offset v offset blur spred color: 阴影的颜色 x offset: 阴影水平距离; 0: 左右阴影平分；正值：阴影在对象的右侧；负值：阴影在对象的左侧； v offset: 阴影的垂直距离; 0: 上下阴影评分；正值：阴影在对象 阅读全文
posted @ 2018-10-24 21:04 Zero_追梦 阅读(745) 评论(0) 推荐(0)