文字、文本的设置

最新推荐文章于 2022-04-21 21:33:09 发布

Lx598113223

最新推荐文章于 2022-04-21 21:33:09 发布

阅读量111

点赞数

本文链接：https://blog.csdn.net/Lx598113223/article/details/88843637

版权

1 文本、文字的练习
在这里插入图片描述
<!doctype html>

fond练习

<div class="div1">
    <div class="div2">装修设计 全包 半包 设计</div>
</div>
<div class="div1">
    <div class="div2">家装建材 吊灯 马桶 地板</div>
</div>
<div class="div1">
    <div class="div2">全屋定制 衣柜 橱柜 门</div>

</div>
<div class="div1">
    <div class="div2">住宅家具 沙发 床 桌椅</div>

</div>
<div class="div1">
    <div class="div2">家纺订品 四件套 被 枕头</div>
</div>
<div class="div1">
        <div class="div2">家饰布艺 摆件 挂画 窗帘</div>
</div>
<div class="div1">
        <div class="div2">生活家居 收纳 拖鞋</div>
</div>
<div>
        <div class="div2">居家必备 汤锅 碗盘 雨伞</div>

</div>
</div>

2 padding的四个属性 1>当padding只有一个值是，四个方向上的值都是同一个值 2>有两个值时，第一个值为上下的padding值，第二个为左右的padding值 3>有三个值时，第一个为上方向上的值，第二个为右方向上的值，第三个为下方向的值 4>当有四个值时，第一个为上方向的值，，第二个为右方向上的值，第三个为下方向的值，第四个为左方向的值 3 margin的问题 1>margin-top的传递问题可以用border解决 margin的上下叠压问题还是用margin 可以将某一个元素方向设置成预想的值，margin叠压会取最大的值 4 盒模型盒子大小=border+padding+width/height 5 学习 a 标签和 span标签以及一些其他常用的标签 a标签的四个伪类 1>link 未访问的链接初始颜色 2>visited 访问过后的链接颜色 3>hover 鼠标移入或悬停时链接的颜色 4>active 鼠标按下时的链接颜色 6 标签样式的初始化 css reset的原则但凡是浏览器默认的样式都不要使用因为每个浏览器下的默认样式可能会出现不一致的情况将所有样式全部统一，再根据实际情况进行设置，与盒模型相关的样式（border、margin、padding、）和标签特有样式需要重置书写时不要将所有标签全部同意设置一致的reset，需根据标签默认样式分类设置