CSS 引入方式和三种特性和属性优先级

最新推荐文章于 2024-06-05 16:49:46 发布

玖商

最新推荐文章于 2024-06-05 16:49:46 发布

阅读量1.3k

点赞数 3

分类专栏： HTML # css3 文章标签： css html html5

本文链接：https://blog.csdn.net/weixin_58139900/article/details/120358049

版权

CSS介绍，引入

css 层叠样式表 cascading 层叠 style 样式 sheets表标记语言负责样式也就是网页上那些内容的样式 (宽高，位置，字体样式，背景样式，动画，阴影，边框)

属性名:属性值;
属性名:属性值;
属性名:属性值;

...
属性名:属性值;

width:300px;

属性毫无逻辑性
不能计算

CSS引入（3种方式）

1，行内引入

<div style="width:300px;height:200px;background-color:red"></div> style样式对象 包含着这个div的所有css属性

缺点：1. 结构不清晰 2. 代码重复冗余3. 与官方提倡的结构与样式相分离不符合

2，内部嵌入

<head>
    <!-- 嵌入样式style标签 通过css选择器挑选出来 在加css样式！ 
    css选择器： 挑选html标签

    1.标签选择器 {
        利用标签名字挑选元素
    }

    2.类选择器 {
        1. 先设置一个类属性 class(并不是唯一挑选)
        2. 通过.类名实现挑选
    }
    -->
    <style>
        div {
            width:300px;
            height:200px;
            /* 背景色 */
            background-color: red;
            
        }
        p {
            /* 字体大小 */
            font-size: 50px;
        }
        .a {
            font-size: 100px;

        }
        .b {
          color: pink;
          /* fon

最低0.47元/天解锁文章

玖商

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
CSS 引入方式和三种特性和属性优先级

目录CSS介绍，引入CSS引入（3种方式）1，行内引入2，内部嵌入3，外部链接CSS优先级1.css引入方式的优先级行内引入：内部嵌入:外部链接选择器优先级:CSS三种特性CSS介绍，引入css 层叠样式表 cascading 层叠 style 样式 sheets表标记语言负责样式也就是网页上那些内容的样式 (宽高，位置，字...
复制链接

扫一扫