css
文章平均质量分 78
雪I霁
这个作者很懒,什么都没留下…
展开
-
css变换
一、css变换的效果 (一)、2D转换 1.transform属性 (1)translate() 将元素水平移动移动移动(根据为 X 轴和 Y 轴指定的参数) transform: translate(100px, 100px); (先向右移动100px,再向下移动100px) 按照先x轴再y轴移动,右正左负,下正上负 补充:还有translateX() ,translateY() (2)rotate() 根据给定的角度顺时针或逆时针旋转元素(负为逆时针,正为顺时针) tran..原创 2022-05-13 21:05:49 · 627 阅读 · 0 评论 -
css特殊样式
一、css变换的效果 (一)、2D转换 1.transform属性 (1)translate() 将元素水平移动移动移动(根据为 X 轴和 Y 轴指定的参数) transform: translate(100px, 100px); (先向右移动100px,再向下移动100px) 按照先x轴再y轴移动,右正左负,下正上负 补充:还有translateX() ,translateY() (2)rotate() 根据给定的角度顺时针或逆时针旋转元素(负为逆时针,正为顺时针) tran..原创 2022-05-10 22:26:37 · 253 阅读 · 0 评论 -
css布局
1 .盒子布局 1.padding——内边距 2.margin——外边距 3.border——边框 CSS border 属性https://www.w3school.com.cn/cssref/pr_border.asp 2.元素分类 1.块级元素:独占一行,可以设置宽和高 如div p hn 等 2.内联元素:不会自动换行,设置宽和高的时候是不起作用的 如span a等 3.块级元素和内联元素可以进行相互转换: display CSS display 属性https...原创 2021-11-23 00:06:09 · 216 阅读 · 0 评论 -
CSS常见样式
控制字体 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.asp eg: <sty...原创 2021-11-20 00:02:23 · 312 阅读 · 0 评论 -
css选择器
1.选择器 1.基本选择器 (/*id>类>标签>通配*/优先级关系) (1)标签选择器 <style type="text/css"> h2{ color: red; } /*标签选择器,与{前的标签有关;全部这个标签应用此选择器*/ (2)ID选择器 <style type="text/css"> #one{ color: blue; } /*id选择器,加了这个id的都可以应用*/ (3)类选择器 ...原创 2021-11-19 23:09:22 · 83 阅读 · 0 评论