- 博客(7)
- 收藏
- 关注
RSS订阅原创 盒子模型--水平布局
元素的水平方向布局：元素在其父元素中水平方向的位置由以下几个属性共同决定1）margin-left2）margin-left3）padding-left4）width5）padding-right6）border-right7）margin-right一个元素在其父元素中，水平布局必须要满足以下的等式margin-left+margin-left+padding-left+width+padding-right+border-right+margin-right=其父元素
2022-02-05 22:17:18
506
原创 盒模型CSS
每一个盒子由以下几部分组成：1.内容区（content）2.内边距（padding）3.边框(border)边框至少要设置三个样式：1.边框的宽度：border-width（默认值为3px）;1）可以写四个值，值的情况分别是，上，右，下，左（顺时针方向）eg:2）可以写三个值，值的情况分别是，上，左右，下eg:3）可以写两个值，值的情况分别是，上下，左右eg:2.边框的颜色：border-color;3.边框的样式：borde...
2022-02-03 19:06:03
321
原创 伪类选择器
1. :first-child（选中第一个元素）2. :last-child（选中最后一个元素）3. :nth-child() :选中指定的元素特殊值：1）2n/even表示选中偶数位的元素2）2n+1/odd表示选中奇数位的元素4. :first-of-type：在同类元素中的第一个元素5. :last-of-type：在同类元素中的最后一个元素6. :nth-of -type()：同类型元素中的第x个7. :not() :否定伪...
2022-01-21 14:44:32
371
原创 属性选择器
1.[属性名]:选中含有指定属性的元素2.[属性名=属性值]3.[属性名^=属性名]：选中以属性值开头的元素4.[属性名$=属性值]：选中以属性值结尾的元素5.[属性名*=属性值]：选中含有属性值的元素...
2022-01-20 22:17:26
254
原创 复合选择器
1.交集选择器：选中同时符合条件的元素设置样式写法：标签名.class属性名2.并集选择器：同时选中多个元素设置样式写法：标签名,标签名{ }
2022-01-20 15:11:16
137
原创 简单选择器
1.元素选择器：选择指定元素eg:div{}2.id选择器：根据id的属性选中元素eg:#id名3.class选择器：根据class属性选中一组元素(一个元素可以有多个class)eg:.class{}4.通配选择器：将页面中所有元素选中写法：*{}...
2022-01-20 14:40:12
368
原创 CSS简介
网页分成三个部分：1）结构（HTML）2）表现（CSS): 字体颜色、大小，图片大小，背景。3）行为（JavaScript)CSS层叠样式表：网页是一个多层的结构，通过css可以为每一层设置样式。使用CSS来改变元素的样式：1）内联样式：在标签内部使用style属性（改变字体颜色和大小）缺点：只能对一个标签生效；如果后期样式需要改变，则非常不便，特别是存在很多标签的时候。2）内部样式表：将样式写在head中的style里优点：可以为多个标签同时设置
2022-01-19 18:26:06
499
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人