<!-- 1.什么是媒体查询? 媒体查询就是获取到当前浏览器的宽度之后, 根据不同的宽度设置元素不同的样式 2.媒体查询的注意点 由于媒体查询需要根据不同的浏览器宽度调整元素...
<!-- 1.什么是媒体查询? 媒体查询就是获取到当前浏览器的宽度之后, 根据不同的宽度设置元素不同的样式 2.媒体查询的注意点 由于媒体查询需要根据不同的浏览器宽度调整元素...
1.什么是圣杯布局和双飞翼布局 两者实现的功能都一样, 都是用于实现两侧的宽度不变, 中间的宽度自适应的三栏布局的 2.圣杯布局的步骤 2.1搞一个容器, 里面放三个盒子 2...
主轴方向 /* 在伸缩布局中, 默认伸缩项是从左至右的排版的 */ display: flex; /* 主轴的排版...
vertical-align是什么?设置元素的垂直对齐方式。 注意点:text-align是设置给需要对齐元素的父元素,vertical-align是设置给需要对齐的那个元素...
/*设置图片作为边框内容,默认情况下会吧图片放到边框的四个顶点,边框图片的优先级要高于边框颜色,如果设置了边框图片,那么就不会显示边框颜色*/border-image-sou...
线性渐变 /* 渐变不是一个新的属性, 而是一个取值 默认情况下线性渐变是从上至下的渐变 我们可以通过在颜色的前面添加to xxx修改渐变...
边框圆角的作用:将原始的直角变为圆角 格式:border-radius:100px 0px 0px 0px; 第一个参数:指定左上角的半径 按照左上/右上/右下/左下的顺序 ...
1.行内样式可以直接将CSS代码写在开始标签当中 我是div 2.内嵌样式可以在一对head标签中写上一对style标签,然后在style标签中编写CSS代码 3.外链样式可...
背景尺寸属性 background-size:length|percentage|cover|contain; length设置背景图像的高度和宽度。第一个值设置宽度,第二个...
正方体代码 <!DOCTYPE html> 正方体 *{ margin:0; padding:0; } ul{ width:200px;...
transform transform:translate(x,y) /*向x轴或者y轴方向移动*/ transform:rotate() /*旋转,默认围绕z轴旋转,单位d...
动画三要素 1.animation-name:keyframe /*值为需要执行的动画的名称*/2.animation-duration:time /*值为需要执行的动画的执...
a标签伪类选择器 a:link{color: #FF0000}/* 未访问的链接 */a:visited{color: #00FF00}/* 已访问的链接 */a:hover...
背景相关属性 背景颜色 如何设置标签的背景颜色? 在CSS中可以通过background-color:属性设置标签的背景颜色 取值: 具体单词 rgb rgba 十六进制 格...
盒模型 边框属性 什么边框? 边框就是环绕在标签宽度和高度周围的线条 边框属性的格式 连写(同时设置四条边) border: 边框的宽度 边框的样式 边框的颜色; 示例代码 ...