排序
css overflow属性有什么用
1、配合浮动父容器,解决父容器高度塌陷的问题。 2、利用overflow扩展盒子高度,overflow属性可以触发浏览器重新计算父元素盒子高度。 实例 <!DOCTYPEhtml> <html> <head> &l...
css中flex是什么
1、flex是flexible的缩写,意思为弹性布局,用来为盒模型提供灵活性。 任何一个容器都可以指定为 flex 布局(包括行内元素) 2、利用flex实现居中布局,实现简易的弹性伸缩布局。 实例 <style&...
css文本修饰text-decoration的使用
在 HTML 中,可以使用 s 标签、u 标签来实现文字的划线效果,但是为了保证结构与样式分离的原则,一般使用 CSS 来实现样式,提高代码的可读性和可维护性; 1、超链接默认带下划线,可以用text-d...
css中a标签伪类如何使用
1、书写顺序必须是访问前link,访问后visited,鼠标移动hover,鼠标点击active。 注意:伪类的权重是一样的,后写的层次先写。 2、通常将访问前后的状态设置为相同的效果。 保证了页面的统一性...
css首行缩进text-indent的实现
元素的首行不会自动缩进的,如果使用 ;来代替,会出现很多冗余代码。 1、可以使用text-indent来实现文字缩进的效果。 2、缩进值的大小应该为字体大小的两倍,想要缩进几个字符,就把缩...
css global在类名的应用
1、某些类名是全局的、静态的,不需要进行转换,仅需要在类名位置使用一个特殊的语法即可。 :global(.main){ ... } 2、使了global的类名不会进行转换,相反的,没有使用global的类名,表示默认...
css module解决命名冲突
css的类名冲突往往发生在大型项目中。 1、大型项目往往会使用构建工具搭建工程。 2、构建工具允许将css样式切分为更加精细的模块。 同JS的变量一样,每个css模块文件中难以出现冲突的类名。 3、...
css中有哪些类型的样式表
1、外部样式表,通过标签引入CSS。 主要在HTML文档中的标签里。 <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge&q...
css中animation是什么
css3中提供了很强大的animation动画,它可以指定多个关键帧,从而允许定义更加丰富的自定义动画。 1、animations使得可以将从一个CSS样式配置转换到另一个CSS样式配置。 2、动画包括两个部分,...
css中skew函数的使用
1、skew函数定义元素在二维平面上的倾斜转换。这种转换是一种剪切映射(横切),在水平和垂直方向上将单元内的每个点扭曲一定的角度。 每个点的坐标根据指定的角度以及到原点的距离,进行成比例的...






























