![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS (3)
绿足
这个作者很懒,什么都没留下…
展开
-
CSS3 & SCSS 样式简洁之道
CSS3 & SCSS 样式简洁之道 SCSS 代码 *{ html, body { width: 100%; height: 100%; background-color:#fff; margin:0; display: flex; // flex 弹性盒子布局 flex-wrap: wrap; // 换行 } } // 定义一个方法 @mixin present($size:100px,$bodyColor:#ff5151, $re原创 2020-05-08 18:46:50 · 745 阅读 · 0 评论 -
Css 常用知识总结
目录一. CSS 之单位篇CSS 之 px, em, rem 一. CSS 之单位篇 CSS 之 px, em, rem 背景简介 PX 为单位 *px 比较精准和固定。 只要页面某个元素设置了px字体大小,其子元素/子孙元素未设置字体大小或者设置字体大小对应的CSS优先级没有父元素高,该子元素/子孙元素会继承其父原始px设置的大小; * 这种方式存在一个问题,当用户通过滚动鼠标改变浏览器...原创 2019-11-17 15:14:00 · 211 阅读 · 0 评论 -
H5 EChart 左右滑动加载实践
H5 EChart 左右滑动加载实践 快速实现一个支持左右滑动的EChart h5 实践: 滑动前: 滑动后: 源码: <template> <div class="box1"> <div class="wrap">...原创 2019-09-18 17:12:47 · 1347 阅读 · 0 评论 -
CSS3 入门6
CSS3 入门 6 十. CSS3 多列 1. column-count 2. column-gap 3. column-rule Internet Explorer 10 和 Opera 支持多列属性。 Firefox 需要前缀 -moz-。 Chrome 和 Safari 需要前缀 -webkit-。转载 2016-02-27 21:09:07 · 330 阅读 · 0 评论 -
CSS3 入门5
CSS3 入门(5) 九. CSS3 动画 通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 javascript。 1. CSS3 @keyframes 规则 1). @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式,就能创建转载 2016-02-27 21:08:25 · 310 阅读 · 0 评论 -
CSS3 入门4
CSS3 入门 4 通过 CSS3,我们可以在不使用 Flash 动画或 javascript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。 Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。 Safari 需要前缀 -webkit-。转载 2016-02-27 21:06:30 · 352 阅读 · 0 评论 -
CSS3 入门3
CSS3 入门 3 八. CSS3 2D转换 Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。 Chrome 和 Safari 需要前缀 -webkit-。 注释:Internet Explorer 9 需要前缀 -ms-。 2D Transfo转载 2016-02-27 21:03:38 · 273 阅读 · 0 评论 -
CSS3 入门2
CSS3 入门 2 五. CSS3背景 CSS3中包含几个新的背景属性,提供更大背景元素控制。 在本章您将了解以下背景属性: 属性 描述 CSS background-clip 规定背景的绘制区域。 3 background-origin 规定背景图片的定位区域。 3 background转载 2016-02-27 20:53:38 · 256 阅读 · 0 评论 -
CSS3 入门1
CSS3 入门 1 一. 新增选择器 使用CSS3属性选择器,你可以只指定元素的某个属性,或者你还可以同时指定元素的某个属性和其对应的属性值。CSS3的属性选择器主要包括以下几种: 1. E[attr^="value"]:指定了属性名,并且有属性值,属性值是以value开头的; 2. E[attr$="value"]:指定了属性名,并且有属性值,而且属性转载 2016-02-27 20:48:37 · 413 阅读 · 0 评论 -
响应式设计(Responsive Design)之媒体查询
近年响应式设计(Responsive Design)很受关注,随着移动互联网的迅速发展,移动设备屏幕的多样性。设计师提出了响应式布局的设计方案。这里将概要与大家分享包含:什么是响应式布?响应式布局的优点和缺点以及响应式布局该怎么设计(通过CSS3 Media Query实现响应布局)? 一. 什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月转载 2016-03-06 15:49:52 · 1048 阅读 · 0 评论 -
CSS(CS3)编码规范
一.语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。为选择器分组时,将单独的选择器单独放在一行。为了代码的易读性,在每个声明块的左花括号前添加一个空格。声明块的右花括号应当单独成行。每条声明语句的 : 后应该插入一个空格。为了获得更准确的错误报告,每条声明都应该独占一行。所有声明语句都应当以分号结尾。最后一条声明语句后面的分号是可选的,但是,如转载 2016-03-06 15:43:08 · 367 阅读 · 0 评论