
CSS基础——emment语法,有效提高编写速率
在日常的工作中,我们都会往便利、提高速度的方向去编写代码,因此,emmet语法就给予了我们便利。 emment简介 Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。...

在日常的工作中,我们都会往便利、提高速度的方向去编写代码,因此,emmet语法就给予了我们便利。 emment简介 Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。...

Box {overflow-x: auto; /* 横向溢出滚动 */white-space: nowrap; /* 溢出不换行 */}Box::-webkit-scrollbar {Display:none; /* 隐藏滚动条,webki...

CSS基础3 盒子模型 定位 盒子模型 外边距 边框 内边距 外边距 margin margin-top: 元素 距离父元素或者兄弟元素 上面的距离margin-right: 元素 距离父元素或者兄弟元素 右边的距离margin-left:...

基础知识 1.css:样式表的定义2.css:(Cascading Style Sheets)层叠样式表。 位置 1.内部样式head区域style标签里面 <head><style type=\"text/css\" &...

在CSS中引入字体库 首先需要先了解@font-face规则以及font-family属性 @font-face规则:新引入字体库时要用到该规则,在该规则下可定义新字体库的名称以及地址 font-family属性:定义元素的字体名称。 1....

1、transform transform: transform-functions; 值 描述none 定义不进行转换。matrix(n,n,n,n,n,n) 定义 2D 转换,使用六个值的矩阵。matrix3d(n,n,n,n,n,n,...

CSS选择器 #文章目录#选择器##复合选择器##关系选择器##属性选择器##伪类选择器##a元素的伪类##伪元素选择器选择器1、元素选择器 p、div…2、id选择器根据元素id属性值,选中一个元素语法 #id3、类选择器作用 根据元素的...

效果如图: 1.动画的基础属性,上面添加了两个动画,一为旋转,二为变色,当给section元素添加这两个动画时,两个动画不分先后同时执行 <!DOCTYPE html><html lang=\"en\"><he...

视口单位(Viewport units) 在PC端,视口指的是在PC端,指的是浏览器的可视区域; 而在移动端,它涉及3个视口:Layout Viewport(布局视口),Visual Viewport(视觉视口),Ideal Viewpor...

BFC咋回事勒 什么情况下可以让元素产生BFC BFC元素所具有的特性 BFC的主要用途 清除元素内部浮动 解决外边距合并问题 制作右侧自适应的盒子问题 什么情况下可以让元素产生BFC 这些元素添加如下属性就可以触发BFC。 float属性...