zcjh_的博客

一、css变换的效果（一）、2D转换1.transform属性（1）translate()将元素水平移动移动移动（根据为 X 轴和 Y 轴指定的参数）transform: translate(100px, 100px);（先向右移动100px，再向下移动100px）按照先x轴再y轴移动，右正左负，下正上负补充：还有translateX() ,translateY()（2）rotate()根据给定的角度顺时针或逆时针旋转元素（负为逆时针，正为顺时针）tran..

一、css变换的效果（一）、2D转换1.transform属性（1）translate()将元素水平移动移动移动（根据为 X 轴和 Y 轴指定的参数）transform: translate(100px, 100px);（先向右移动100px，再向下移动100px）按照先x轴再y轴移动，右正左负，下正上负补充：还有translateX() ,translateY()（2）rotate()根据给定的角度顺时针或逆时针旋转元素（负为逆时针，正为顺时针）tran..

1 .盒子布局1.padding——内边距2.margin——外边距3.border——边框CSS border 属性https://www.w3school.com.cn/cssref/pr_border.asp2.元素分类1.块级元素：独占一行，可以设置宽和高 如div p hn 等2.内联元素：不会自动换行，设置宽和高的时候是不起作用的 如span a等3.块级元素和内联元素可以进行相互转换： displayCSS display 属性https...

控制字体1.设置字号——font-size:像素;2.设置颜色——color:颜色;3.设置字体——font-family:"字体";4.设置行高——line-height:百分比% 1.5em（一个单位）5.设置字体的粗细——font-weight:normal(正常，默认值) blod(粗体)CSS font-weight 属性https://www.w3school.com.cn/cssref/pr_font-weight.aspeg：<sty...

1.选择器1.基本选择器 （/*id>类>标签>通配*/优先级关系）（1）标签选择器<style type="text/css"> h2{ color: red; }/*标签选择器，与{前的标签有关；全部这个标签应用此选择器*/（2）ID选择器<style type="text/css"> #one{ color: blue; }/*id选择器，加了这个id的都可以应用*/（3）类选择器...