![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
文章平均质量分 85
kf_qyl
这个作者很懒,什么都没留下…
展开
-
前端知识学习-----CSS3新增选择器
CSS常见的选择器有: 通配符选择器, 元素选择器,类选择器, ID选择器,后代选择器 CSS3新增基本选择器有: 子元素选择器,相邻兄弟选择器,通用兄弟选择器,群组选择器 基本选择器—-子元素选择器 概念:子元素选择器只能选择某元素的子元素 语法格式: 父元素 > 子元素 (father > children ) 兼容性: IE8+,FireFox,Chrome,Saf原创 2018-01-08 17:12:02 · 5271 阅读 · 0 评论 -
前端知识学习----CSS3背景
CSS3背景图像区域 background-clip 属性指定背景绘制区域 语法: background-clip: border-box|padding-box|content-box; 其关键字是指将背景图片以border,padding,content的尺寸进行切割,其得到的结果是不完整的背景。而且有一点要注意,background-clip的切割是对这个容器背景的切割(包括图片与背原创 2018-01-24 11:13:09 · 211 阅读 · 0 评论 -
前端知识学习-----CSS3边框与圆角
CSS3圆角 border-radius属性: 概念:一个最多可指定四个border-*-radius属性的复合属性,这个属性允许你为元素添加圆角边框! 语法: border-radius:1-4length|%/1-4length|%; 兼容性: IE9+,FireFox4+,Chrome,Safari5+,Opera CSS3指定每个圆角 多值: 四个值:1-4值分别为“坐上原创 2018-01-12 10:13:04 · 313 阅读 · 0 评论 -
前端知识学习----CSS3渐变
CSS3 渐变 渐变(gradients)可以在两个或多个指定的颜色之间显示平稳的过渡。 兼容性:IE10+,Chrome26+,FireFox16+,Safari6.1+,Opera12.1+ CSS3线性渐变 线性渐变属性(Linear Gradients)是沿着一根轴线改变颜色,从起点到终点颜色进行顺序渐变(从一边拉向另一边) 语法: background原创 2018-01-24 16:29:48 · 954 阅读 · 0 评论 -
前端知识学习-----多列布局(1)
定宽 + 自适应 布局的几种实现: 01. float + margin 上代码: <div class="partent"> <div class="left"><p>left</p></div> <div class="right"&g原创 2018-02-09 18:14:38 · 183 阅读 · 0 评论 -
前端知识学习-----居中布局的多种实现方法
水平居中的几种实现方式 01. inline-block + text-align 上代码: <div class="parent"> <div class="child">DEMO</div> </div> .parent { text-align: center; } .child { display...原创 2018-02-09 15:35:24 · 275 阅读 · 0 评论 -
前端知识学习----多列布局(2)
等宽布局 float <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> * { margin: 0; padding: 0;原创 2018-02-13 17:32:51 · 175 阅读 · 0 评论