1.css样式 主角就是：target <a> 标签的 target 属性规定在何处打开链接文档，连接文档也可以是一个样式。 如果在一个 <a> 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 ...
分类：
Web程序 时间：
2019-08-16 20:46:01
阅读次数：
123
[已知宽高] 2.已经知宽高[父元素相对定位,子元素绝对定位 top为0,bottom为0,left为0,right为0,margin为auto] [未知宽高] 1.未知宽高[CSS3的transform,绝对定位,top为50%,left为50%] transform只兼容到IE9 2.未知宽高[ ...
分类：
Web程序 时间：
2019-08-16 19:06:48
阅读次数：
92
一、CSS3转换 通过转换实现对对元素进行旋转、缩放、移动、拉伸的效果；这种原来必须要通过JS或者图片处理才可以实现的效果，现在都可以通过CSS3来完成。 2D转换采用transform属性来实现效果。 二、transform属性的取值 rotate()函数 是可以进行旋转的函数 scale()函数 ...
分类：
Web程序 时间：
2019-08-16 01:05:55
阅读次数：
137
一、CSS3 过渡 （一）、CSS3过渡简介 CSS3过渡是元素从一种样式逐渐改变为另一种的效果。 实现过渡效果的两个要件： 规定把效果添加到哪个 CSS 属性上 规定效果的时长 定义动画的规则 过渡transition （作用） 将元素的某个属性从“一个值”在指定的时间内过渡到“另一个值” （二） ...
分类：
Web程序 时间：
2019-08-16 00:47:55
阅读次数：
146
这个代码有个坑，就是如果a标签里面放了一个图片，然后给a标签设置这个样式，这个时候是不起效果的，只能在a标签外面包一个div，然后给div设置这个样式 pointer-events:none; 这个是 css3 的代码，这句代码可以把 onlick 事件去掉，相当于变为普通文本 ...
分类：
Web程序 时间：
2019-08-15 21:07:57
阅读次数：
212
竖排，别再调盒子宽度来让文字换行实现竖排！！ 也别再用<br> + line-height，看着难受！！ 额外用例！ 1.一些图标也不必更换样式后引入，当然css3的rotate也是可以的，对于图标 /* css */ 样式显示为： 2.表格form中可以一起使用，目前还没有用到过 最后：这些原IE ...
分类：
其他好文 时间：
2019-08-15 19:17:39
阅读次数：
184
我们平时都称之为 Sass，其实可分成sass和scss， 其中Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，以“.sass”后缀为扩展名；而 SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的语法书写和我们的 CSS 语法书写方 ...
分类：
Web程序 时间：
2019-08-15 17:20:41
阅读次数：
114
1.设置div铺满全屏 对于一个div1，要使其属性height：100%生效，需要使其所有父元素，有确定的属性height。要铺满全屏，就是从html开始，所有的height为100%。 2.垂直居中 设置以下三个属性，为子元素在其父元素中垂直居中。 position: relative; top ...
分类：
Web程序 时间：
2019-08-14 23:26:18
阅读次数：
127
㈠实现不等宽背景条纹 实现如上图所示的效果，代码如下： 其他效果： ⑴如果想设置等宽的渐变只需要将开始值和结束值改为互补 ⑵如果需要等宽切无过渡的渐变，开始和结束值设置为50%即可。 ⑶如果想要垂直条纹，你只需要调整background-size的x、y值即可。 ㈡瓷砖条纹背景 实现如上图所示的效果 ...
分类：
Web程序 时间：
2019-08-14 20:14:36
阅读次数：
132
一、定义 伪类一般反映无法在CSS中轻松或者可靠检测到的某个元素的状态或者属性； 伪元素表示DOM外部的某种文档结构。 伪类一般反映无法在CSS中轻松或者可靠检测到的某个元素的状态或者属性； 伪元素表示DOM外部的某种文档结构。 目前所有伪元素有(加粗的是CSS3之后出现)： ::after ::b ...
分类：
其他好文 时间：
2019-08-14 17:14:53
阅读次数：
70
