随笔分类 - CSS3
一些容易忘记的样式 CSS 就写在这里吧！
摘要：box-shadow 阴影 语法： box-shadow：none | <shadow> [,<shadow>]* box-shadow：none /* 设置none是表示没有阴影 */ 举例说明： 例：box-shadow：10px 10px 5px 5px red inset; box-shad
阅读全文
摘要：我们应该熟知 CSS 的 各个浏览器的前缀： 由于CSS3很多属性尚未成为W3C标准的一部分，因此每种内核的浏览器都只能识别带有自身私有前缀的CSS3属性。我们在书写CSS3代码时，需要在属性前加上浏览器的私有前缀，然后该种内核的浏览器才能识别相应的CSS3属性。 边框 CSS3边框圆角的实现： b
阅读全文
摘要：其实就是设置主轴。 可以设置超出还不换行。 其实就是如果有剩下空间，剩下的空间怎么排列。 交叉轴就是侧轴嘛 ，
阅读全文
摘要：可以写在style 中 ，如果条件成立则执行 可以写在link 中 ，如果条件成立则导入C3样式文件
阅读全文
摘要：background-origin background-origin 规定了指定背景图片background-image 属性的原点位置的背景相对区域. 注意：当使用 background-attachment 为fixed时，该属性将被忽略不起作用。 属性值 border-box背景图片的摆放以
阅读全文
摘要：CSS3 - Flex布局 可悲的是我学了那么久既然不懂这玩意，听说这玩意很强： 直接上图片：
阅读全文
摘要：CLEAR 定义 clear属性指定段落的左侧或右侧不允许浮动的元素。 注意：clear 属性定义了元素的哪边上不允许出现浮动元素。如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。 语法 clear:none|left|right|both|inherit;
阅读全文
摘要：每天一记： 首先： !import的样式优先级高于一切 Body中 优先级：1.最近的祖先样式比其他祖先样式优先级高。2.内联样式"比"祖先样式"优先级高 选择器的优先级上面讨论了一个标签从祖先继承来的属性，现在讨论标签自有的属性。在讨论 CSS 优先级之前，先说说 CSS 7 种基础的选择器： I
阅读全文
摘要：定义 position 属性规定元素的定位类型。 注意：这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 语法 position:static|absolute|relativ
阅读全文
摘要：定义 display 属性规定元素应该生成的框的类型。 注意：这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。 属性值 值 说明 （索引中有详细介绍） inline 默认。此元素会
阅读全文
摘要：定义和用法 line-height 属性设置行间的距离（行高）。 注释：不允许使用负值。 说明 该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。 line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分
阅读全文