CSS - 随笔分类 - 忆华灯纵博

【CSS3】border-color

摘要：border-color 值描述 border-top-color 边框的上面 border-right-color 边框的右面 border-bottom-color 边框的下面 border-left-color 边框的左面阅读全文

posted @ 2022-10-26 08:24 忆华灯纵博阅读(123) 评论(0) 推荐(0)

【CSS3】border-image

摘要：border-image 值描述 border-image-source 指定border的背景图的url border-image-slice 设置图片如何切割的属性，非定位 border-image-width 定义border-image的显示区域的 border-image-outset 阅读全文

posted @ 2022-10-26 08:23 忆华灯纵博阅读(76) 评论(0) 推荐(0)

【CSS3】时光轴

摘要：http://www.cnblogs.com/jr1993/p/4626815.html 阅读全文

posted @ 2022-10-26 08:22 忆华灯纵博阅读(23) 评论(0) 推荐(0)

【CSS3】背景渐变色代码

摘要：从上到下 #grad { background: -webkit-linear-gradient(red, blue); background: -o-linear-gradient(red, blue); background: -moz-linear-gradient(red, blue); background: linear-gradient(red, blue); } ... 阅读全文

posted @ 2017-11-15 10:06 忆华灯纵博阅读(1673) 评论(0) 推荐(0)

【CSS3】-webkit-margin-before与margin-top

摘要：p{-webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } before、after、start、end是用在对文本的。比如说，中文和英文阅读全文

posted @ 2017-10-30 11:10 忆华灯纵博阅读(307) 评论(0) 推荐(1)

【CSS3】多余文字省略解决方案

摘要：单行文字省略在这里我使用该样式在行内标签中，不会出现 ... ，在外部嵌套一个块级标签然后再使用该样式就会成功多行文字省略 https://segmentfault.com/a/1190000008404083 阅读全文

posted @ 2017-10-24 10:50 忆华灯纵博阅读(457) 评论(0) 推荐(0)

【CSS3】border-style

摘要：代码显示：阅读全文

posted @ 2017-09-22 18:21 忆华灯纵博阅读(302) 评论(0) 推荐(0)

【CSS3】border属性

摘要：1.border-width：规定边框宽度效果：那我们来谈论一下border边框包括哪些范围由此可见边框是向外围扩展的，也就是外边框 2.border-radius：规定边框的圆角（1）通过百分比显示 css代码：分别从10%、20%、30%、40%、50%、60%、100%显示当我们将高阅读全文

posted @ 2017-09-18 19:21 忆华灯纵博阅读(408) 评论(0) 推荐(0)

【CSS3】详解伪元素与伪类

摘要：1.伪类伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之阅读全文

posted @ 2017-09-17 17:53 忆华灯纵博阅读(258) 评论(0) 推荐(0)

【CSS3】table的css属性

摘要：1.border-collapse：设置是否把表格边框合并位单一边框 2.border-spacing：设置分割单元格边框的距离 3.caption-side:设置表格标题的位置。 CSS代码： HTML代码：效果： 4.empty-cells：设置是否显示表格中的空格单元不显示效果： 5.ta 阅读全文

posted @ 2017-09-12 19:11 忆华灯纵博阅读(1648) 评论(0) 推荐(0)

【CSS3】用i标签用作小图标

摘要：首先在这里写一个昨天听张大神课程的时候，遇到一个问题，在这里写一下当position:absolute用在子标签当中时（父标签不使用position:relative），如果不设定子标签的位置，那么子标签就具有跟随性，父标签跑哪，子标签跟哪。但是当子标签中出现哪怕一个空格或极小的间距，这种跟随性阅读全文

posted @ 2017-09-11 10:02 忆华灯纵博阅读(3535) 评论(0) 推荐(0)

【CSS3】CSS——字体

摘要：1.font：在一个声明中设置所有字体属性可以按照以下顺序显示： font-style font-variant font-weight font-size/line-height font-family 例如：font:italic bold 12px/20px arial,sans-serif 阅读全文

posted @ 2017-09-11 09:40 忆华灯纵博阅读(227) 评论(0) 推荐(0)

【CSS3】CSS多列属性（Multi-column）

摘要：1.list-style 可以按顺序设置如下属性： list-style-type list-style-position list-style-image 2.list-style-image：将图像设置为列表项标志 3.list-style-position：设置列表项标志的类型(默认内部标志处阅读全文

posted @ 2017-09-10 21:44 忆华灯纵博阅读(481) 评论(0) 推荐(0)

【CSS3】CSS——链接

摘要：1.a:link ：未被访问的链接今天学到一点就是当使用a:link时，变换颜色却不起作用，后来查找资料说记忆Cookies的原因，结果清除后果然显示出想要变换的颜色还有要补充一点的是a标签这些伪类的执行顺序：link--visited--hover-active，也就是我们常说到的LoVe H 阅读全文

posted @ 2017-09-09 11:09 忆华灯纵博阅读(247) 评论(0) 推荐(0)

【CSS3】CSS——文本

摘要：1.color：设置文本颜色不多说，直接上代码 2.direction：设置文本方向 3.line-height：设置行高 4.letter-spacing：设置字符间距 5.text-align：对齐元素中的文本 6.text-decoration：向文本添加修饰 7.text-indent：缩阅读全文

posted @ 2017-09-07 16:32 忆华灯纵博阅读(186) 评论(0) 推荐(0)

【CSS3】background-clip与background-origin的联系与区别

摘要：第一行图分别是background-origin:border-box padding-box content-box 第二行图分别是background-clip:border-box padding-box content-box 根据图片首先我们会有两疑问： 1.background-orig 阅读全文

posted @ 2017-09-06 17:19 忆华灯纵博阅读(344) 评论(0) 推荐(0)

【CSS3】CSS——背景

摘要：一、background设置一个元素的背景样式语法格式：background: color position size repeat origin clip attachment image; 1.background-color：设置元素的背景颜色（默认是透明） 2.background-pos 阅读全文

posted @ 2017-09-06 14:22 忆华灯纵博阅读(290) 评论(0) 推荐(0)

【CSS3】CSS中的定位

摘要：一、css定位 CSS position 属性值： absolute：生成绝对定位的元素，脱离文档流，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 relative：生成相对定位的元素，不脱阅读全文

posted @ 2017-09-05 15:56 忆华灯纵博阅读(416) 评论(0) 推荐(0)

随笔分类 - CSS