css-Less
摘要：介绍 语法 介绍 Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护,提高开发效率。 但正因为它是预处理语言，因此不能直接被使用，需要进行编译后才可以。 less需要 nodejs支持。 安装： > npm instal
阅读全文
posted @
2019-01-22 00:17
zhaoqiang1980
阅读(286)
推荐(0) 编辑
css3 - 特性
摘要：伪类选择器 伪类选择器，不用再使用js来控制奇偶不同了 此时用传统的hover将失效 使用以下方式替代： 三角箭头 三角箭头，设置10px的border,左右都是透明的，上部是白色10px，因边框在角上是对角展示的，加上10px的margin-top就形成了下三角。 同样的左箭头： 响应式设计：
阅读全文
posted @
2018-09-05 17:49
zhaoqiang1980
阅读(112)
推荐(0) 编辑
css3-animate
摘要：常用动画设置： effect easing duration effect: <select name="effects" id="effectTypes"> <option value="blind">百叶窗特效（Blind Effect）</option> <option value="boun
阅读全文
posted @
2018-06-27 12:32
zhaoqiang1980
阅读(105)
推荐(0) 编辑
span width不起作用，border 无效
摘要：span属于内联元素，因此width对内联元素不起作用。 需要设置display:inline-block;使其成为内联级块级元素； border不起作用，主要是未设置border-style:solid 导致。 border: 1px solid red;
阅读全文
posted @
2018-04-17 13:56
zhaoqiang1980
阅读(518)
推荐(0) 编辑
table边框和td的width失效
摘要：table元素有一个属性border，可设置table的边框。这个边框对内部元素有效。 不同于style:border,这个仅仅是外边框。 以下为结果： 这种直接设置border限制了整体table的样式，无法灵活的对部分td设置不同样式。 width无效问题： table-layout默认的布局是
阅读全文
posted @
2018-03-13 17:12
zhaoqiang1980
阅读(483)
推荐(0) 编辑
display_css
摘要：display所有可选值： none block inline inline-block inherit initial unset compact & marker list-item run-in table inline-table table-cell table-row table-row
阅读全文
posted @
2018-03-13 16:58
zhaoqiang1980
阅读(212)
推荐(0) 编辑
子元素margin-top后，跟父元素一起下沉
摘要：在一个<div>元素中嵌套一个子div，同时设置子div的margin-top，结果，父元素和子元素一起下沉，留出来个空白区域。 原因就是： 一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。 解决方法
阅读全文
posted @
2018-03-13 11:40
zhaoqiang1980
阅读(240)
推荐(0) 编辑
css 学习网址
摘要：http://www.divcss5.com/ http://www.divcss5.com/css3/ css3手册 http://www.divcss5.com/shouce/ css手册 https://www.w3cplus.com/css3 css学习
阅读全文
posted @
2018-03-12 17:02
zhaoqiang1980
阅读(80)
推荐(0) 编辑
文字折行不折行 css
摘要：white-space : 1. normal 默认值 ，文字自动换行。 2. pre 使用<pre>标签形式，表示元素。 * <pre>元素 可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。多用于计算机源码表示。 以下的代码都是在<pre>中编
阅读全文
posted @
2018-03-09 16:10
zhaoqiang1980
阅读(1296)
推荐(0) 编辑
position_css
摘要：position： 定位，元素的定位与这五个属性相关。left,top,bottom,right,z-index 1. static （默认值）。没有定位，五个属性都不起作用。 2. inherit 继承父类定位，IE不支持 3. relative 相对的，即相对于元素的正常位置，五个属性都起作用。
阅读全文
posted @
2018-03-09 14:38
zhaoqiang1980
阅读(148)
推荐(0) 编辑
