![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
wss5
这个作者很懒,什么都没留下…
展开
-
CSS定位以及z-index属性(层叠性)的详解
定位 定位方向:top left right bottom就这四个位置一、静态定位 position:static;静态定位就是文档流,没有别的意思,不需要写二、绝对定位 (脱标)position:absolute;(注意)参考点问题:1)如果用top描述,定位的参考点是整个页面的最左上角,而不是浏览器的左上角 2) 如果用bottom描述...原创 2018-03-08 15:17:42 · 4360 阅读 · 0 评论 -
text-overflow属性的使用
text-overflow属性的使用 text-overflow属性规定了当文本溢出包含元素时所发生的事情。取值: 当遇到标题过长,影响页面效果的情况时,text-overflow属性发挥它的作用,如下图所示: 重点: 利用text-overflow属性可以使标签内容在确定的长度内显示,剩余部分用“ … ”或者其他字符串代替。然而并不影响标签内部内容。下面...原创 2018-03-12 00:13:43 · 20438 阅读 · 0 评论 -
清除浮动方法、margin的坍塌现象以及浏览器的某些兼容问题
清除浮动1) 加高法:浮动的元素,只能被有高度的盒子关住。 也就是说,如果盒子内部有浮动,这个盒子有高,那么妥妥的,浮动不会互相影响。但是,工作上,我们绝对不会给所有的盒子加高度,这是因为麻烦,并且不能适应页面的快速变化。 <div> → 设置height <p></p> <p></p&g...原创 2018-03-24 23:13:43 · 559 阅读 · 0 评论 -
LESS的基本使用方法(用于快速编写CSS代码)
一、首先介绍什么是LESS:LESS定义: LESS是一门CSS预处理语言,它扩展了CSS语言,增加了变量,Mixin,函数等特性。优点:使得CSS更易维护与扩展。简单的说:可以更方便的编写CSS代码,并更方便维护与扩展。注意:LESS只是一个纯文本,不影响代码的编写二、LESS的基本使用步骤首先创建一个后缀名为.less的文件在这里需要介绍一个软件koala(考...原创 2018-03-31 23:40:52 · 6822 阅读 · 0 评论 -
flex伸缩布局
伸缩布局(CSS3新布局flex).box { display: flex;/*使box盒子为伸缩布局*/} 伸缩布局使得块级元素的布局排列变得十分灵活,适应性非常强,它对响应式开发起到很大作用。 采用伸缩布局的元素,称为伸缩容器...原创 2018-04-29 00:17:42 · 1143 阅读 · 0 评论 -
animate.css动画库的使用
animate.css介绍内置了许多的CSS3动画,兼容性很好。用法:引入animate.css在要动画的元素上添加 animated 类,并添加特定的动画类名如: 添加了animated、bouce类&amp;lt;head&amp;gt; &amp;lt;link rel=&quot;stylesheet&quot; href=&quot;animate.css&原创 2018-06-12 16:38:16 · 2483 阅读 · 0 评论