CSS3新特性?
直接上干货 新增选择器 p:nth-child(n){color: rgba(255, 0, 0, 0.75)}弹性盒模型 display: flex;多列布局 column-count: 5;媒体查询 @media (max-width:...
直接上干货 新增选择器 p:nth-child(n){color: rgba(255, 0, 0, 0.75)}弹性盒模型 display: flex;多列布局 column-count: 5;媒体查询 @media (max-width:...
简写属性是用于同时给多个属性赋值的属性。比如font是一个简写属性,可以用于设置多种字体属性。它指定了font-style、font-weight、font-size、font-height以及font-family。 font: ital...
我们将使用 CSS3 动画过渡来创建简单但引人入胜的链接悬停效果,将鼠标悬停在链接上时,会弹出一个小弹出框。 我们还将看一下CSS3 Cubic-Bezier(贝塞尔)曲线,它是 CSS 过渡,为弹出框提供了更加流畅的运动,而不是僵化的机械...
在前端工程师的日常工作中,使用 CSS 元素选择器是稀松平常的事;无论你是编写一般的 CSS 还是需要经过编译的 SASS,SCSS,LESS等,最终都被编译成一行一行的 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属性...