css教程
-
css清除浮动的方法
清除浮动是div+css中经常遇到的。我们页面布局的时候,经常会遇到浮动导致的容器高度丢失的问题,下面让我们一起看看,如果解决这个浮动的问题吧!方法一:clear清除浮动(添加空div法)在浮动元素下方添加空div,并给该元素写css样式 {clear:both;height:0;overflow:hidden;}...
-
line-height设置为数值和百分比值的区别?
line-height设置为数值:根据父元素的font-size值计算line-height的值,子元素继承line-height的数值,根据自身的font-size再次计算line-height的值。...
-
CSS选择符有哪些?哪些属性可以继承?
css选择器的种类,可以有如下划分:1.id选择器(# myid)2. 类选择器(.myclassname)3. 标签选择器( div, h1, p)4. 相邻选择器( h1 + p)...
-
ie盒模型和标准w3c盒模型区别
盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 微软IE浏览器版本678下的IE盒模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同。w3c标准盒模型width和height不包括padding和border...
-
设置sass全局变量,js如何使用sass变量的办法
如何在样式中使用 scss 的声明的全局变量,如何在 js 中使用 sass 的全局变量,假设我们有一个全局的 scss 变量文件/styles/_vars.sass,如下:如果想要在组件的样式中使用这些变量,我们需要引入这个文件,像这样:...
-
@media screen实现css响应式屏幕自适应内容
media screen优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性。首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果:...
-
详解css响应式布局中的rem与em的区别
前端开发响应式布局中,我们经常会看到rem和em这两个单位,很多人不清楚这2个单位的区别。rem是基于html元素的字体大小来决定。em则根据使用它的元素的大小决定(很多人错误以为是根据父类元素,实际上是使用它的元素继承了父类的属性才会产生的错觉)...
-
css:word-wrap,word-break实现英文字母或者数字强制自动换行
word-wrap,word-break之间的区别和实现英文字母或者数字强制自动换行...
友情链接