![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
慢腾腾的急性子
慢腾腾————急性子~~~ ,都是平时自己的积累,可能有错误,有不对的地方。如果,有不对的地方,欢迎指出来。
展开
-
less简单笔记
lessless是一种动态样式语言,属于css预处理器的范畴,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展less的中文官网:http://lesscss.cn/ bootstrap中关于less的介绍Less编译工具koala 官网:www.koala-app.com less中的注释以//开头的注释,不会被编译到css文件中 以/**/包裹的注释会转载 2017-08-09 00:43:53 · 267 阅读 · 0 评论 -
flex布局
CSS3 弹性盒子(Flexible Box 或 Flexbox)是一种用于在页面上布置元素的布局模式,使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时,元素可预测地运行/列。对于许多应用程序,弹性盒子模型提供了对块模型的改进,因为它不使用浮动,flex容器的边缘也不会与其内容的边缘折叠。 弹性盒模型,分老版与新版。老版本的我们通常称之为box,新版本的我们通常称之为flex 容器与项目原创 2017-08-09 18:32:45 · 229 阅读 · 0 评论 -
元素的垂直水平居中的三种方法
使用padding来挤当父元素,子元素的盒子大小已经确定了。可以通过计算来,设置padding的值来填充,使子元素居中。 如果是正常盒子,那么增加paddig会改变盒子的大小 如果是怪异盒子,那么增加padding会向里面挤,不会改变盒子的大小。 使用定位来设置可以将子元素垂直水平居中 position: absolute; left:0; right: 0; t原创 2017-08-09 18:34:52 · 335 阅读 · 0 评论 -
css基础笔记总结
-- CSS层叠样式表,负责页面的表现- CSS的编写位置:1.内联样式(不推荐使用)我是一个段落>2.内部样式表(推荐使用)>p{color:red;font-size:20px;}>3.外部样式表(开发中最常用的)>-可以将CSS样式编写到元素的style属性中1--原创 2017-08-09 18:36:15 · 283 阅读 · 0 评论 -
css样式的过渡问题
有时我们在设置css样式时,浏览器会渲染不上去,产生这些的原因为: 1. 变换函数的个数 顺序不一致的情况下,很有可能会使过渡失效transfrom:translateX(10px) rorate(60deg); //前面设置的样式transfrom:rorate(360deg) translateX(100px); //后面设置的样式//css中的样式会被后面的样式覆盖掉,这两个设原创 2017-08-10 15:36:31 · 543 阅读 · 0 评论