来源 css渐变 CSS 中设置的渐变是 gradient 数据类型,它是一种特别的image数据类型。使用background-image设置,可叠加设置多个; CSS3 定义了两种类型的渐变(gradients): 线性渐变 linear-gradient() 渐变的实现由两部分组成:渐变线和色 ...
分类:
Web程序 时间:
2019-04-19 13:23:00
阅读次数:
210
CSS3 边框 border-radius box-shadow border-image(ie不支持) 语法 注释:按此顺序设置每个 radii 的四个值。如果省略 bottom-left,则与 top-right 相同。如果省略 bottom-right,则与 top-left 相同。如果省略 ...
分类:
Web程序 时间:
2019-04-18 00:47:54
阅读次数:
189
以前常用的页面布局是浮动和定位;后来css3的flex布局解决了浮动的一些主要缺点(无法撑起父元素,需要清除浮动) 任何一个容器都可以指定为 Flex 布局。 flex 主要属性表现: (1). 指定为flex display:flex; (2). 指定 方向 flex-direction: row ...
分类:
其他好文 时间:
2019-04-17 15:08:03
阅读次数:
131
CSS的力量 CSS的作用,一目了然~ 见识一下CSS的厉害! 用了CSS,效果显著 HTML5 + CSS3 + Javascript会怎么样? HTML经过CSS调整后 Js哭晕在厕所 CSS美女 VS CSS火车,你选哪个? 一秒分清 HTML 和 CSS 的方法 扩展阅读 CSS的浮动以及盒 ...
分类:
Web程序 时间:
2019-04-17 11:04:09
阅读次数:
250
Relationship Selectors:关系型选择器 Attribute Selectors:属性选择器 Pseudo-Element Selectors:伪元素选择器 一、Relationship Selectors:关系型选择器 1. E + F : 选择E的下一个兄弟元素并且满足条件F ...
分类:
Web程序 时间:
2019-04-17 09:33:57
阅读次数:
381
什么是 HTML5? HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。 HTML5 是如何起步的? ...
分类:
Web程序 时间:
2019-04-16 13:08:54
阅读次数:
177
CSS3 选择器 尺寸 1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如,如果某元素以 12pt 显示,那么 2em 是24pt。 在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。 颜色 ...
分类:
Web程序 时间:
2019-04-16 01:37:19
阅读次数:
182
calc()函数 css3中函数: 案例: ...
分类:
Web程序 时间:
2019-04-15 18:23:59
阅读次数:
133
原帖地址 https://www.cnblogs.com/yangjunfei/p/6739683.html 感谢分享 一、思路: 将伪元素:before和:after定位到元素底部中间,设置宽度从0变成100%达到目的。 二、实现: 1、首先定义一个块状元素(行内元素没有宽高)并修改样式为一个背景 ...
分类:
Web程序 时间:
2019-04-15 16:36:50
阅读次数:
203
学了这么久,其实都是在学css3 html5 然后js很薄弱,趁着有时间,更一个新手不懂的,且很好用的css。 行内快的padding在html布局中很常用,但是你知道父级的padding 子级可以通过margin 抵消掉吗?通过这种应用我们可以做到很多事情。 显示效果: 常用案例: 只试用盒模型布 ...
分类:
Web程序 时间:
2019-04-15 11:43:07
阅读次数:
565