CSS-设置样式

dongshu1003

于 2020-08-02 17:13:07 发布

阅读量498

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/weixin_43609598/article/details/107747371

版权

本文详细介绍了CSS中设置样式的各个方面，包括颜色单位（如关键字、RGB、RGBA、16进制）、尺寸单位（像素、em、百分比）、字体属性（如颜色、大小、风格、粗细）以及文本样式、列表样式、盒模型和背景边框样式的设置方法。通过实例解析了各种属性的用法，如继承、颜色过渡、行高调整、背景图片定位等，帮助读者深入理解CSS样式设计。

摘要由CSDN通过智能技术生成

第一部分：
1.例：

    <style>
        div{
   
            width: 100px;
            height: 100px;
            background-color: red;
            color: yellow;
        }
        div p{
   
            width: 50px;
            height: 50px;
            background-color: blue;
        }
    </style>
</head>
<body>
    <div>hello
        <p>world</p>
    </div>
</body>

color属性具有继承特性
当p标签不设置color属性，默认继承父级元素color属性，此时hello world都是黄色
此时再去定义p标签color属性，则会改变
或者不给特定的值使用color：initial；代表不去继承父级的属性 world默认黑色
height不写也不继承父级元素的属性使用height：inherit；代表继承父级的属性
类似的可以自行测试

2.单位值
颜色单位：
1.关键字形式
2.rgb（r,g,b）;0-255之间
3.rgba(r,g,b,a);a在0-1取值：0代表完全透明，1代表完全不透明
4.16进制颜色值
#fff 白 #ccc 灰
尺寸