wangcuiling_123的博客

页面比较复杂的时候，写出的css代码就需要我们进行优化了，比如那些重复写的代码： 方法：添加class名（利用class名可以有多个的特性） 介绍几个简单的，常用的 左浮动（添加class= "floatL"）     css写上  .floatL {  float: left ; } 右浮动（添加class= "floatR"）     css写上  .floatR  {  float:

单行文本和多行文本超出部分显示省略号的方法

写页面的时候，我们很多时候都会用到浮动，继而就要清除浮动了，下面我就说两种方便的、前端人员经常用的方法： 第一种：在父级元素结尾前加个清除浮动的空div，加个统一class="clearFloat" , 然后在css样式里写上 .clearFloat{ clear:both; }浮动清除了 !  优点：简单，代码少，浏览器支持好  缺点：如果页面的浮动多的时候，就会出现很多的

有时候我们想 改变鼠标指针放到某个元素的范围内改变它的光标形状(像a标签默认鼠标放上去后是一个小手的形状，代表链接的指针)，我们只需要给 这个元素添加一个css cursor属性即可（可自定义光标的形状），介绍一下我们会常用到的一些cursor属性的一些属性值(可以给body加上这些看看它们 呈现的不同光标样式)： pointer 光标呈现为指示链接的指

2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 Flex布局将成为未来布局的首选方案。本文介绍Flex布局的语法。 以下内容主要参考了下面两篇文章：A Complete Guide to Flexbox 和 A Visual Guide to CSS

scss语法介绍 这里既然是对语法的介绍，那么至于如何安装和编译scss我就不多少了，主要是因为本人在群里认识的小伙伴有的不会用scss，所以就借着放假的机会来对scss语法做个总结，博主在开发过程中用scss蛮多，所以对scss语法还是熟知的。 1.自定义变量 $color:pink; .test1{ background-color:$color; } 通过编译工具编译出来后...