11月更文挑战第25天:2021最后一次挑战

  「这是我参与11月更文挑战的第25天,活动详情查看:2021最后一次更文挑战」

  常用CSS基础样式(一)

  该文章是前端入门文章,有经验的大佬可跳过。css全称层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。通常我们使用自定义的css来修饰各种网页元素,包括但不限于设置文本和背景属性;为任何元素创建边框以及元素与元素、元素与边框之间的边距和间距等。

  1.样式表的格式

  样式表的格式声明可以分为 选择符 和 块 两部分

  1.1 基本格式

  选择符{属性:值};

  1.2 其他格式

   注:通常会存在多个选择符有相同css样式的情况,此时为了简化代码,可以将相同部分合并 及 在多个选择符中添加“,” 分隔。

  选择符1,选择符2css外部样式表分为几种?css外部样式表分为几种?,选择符3{属性:值};

  2.使用方式

  css的使用方式按照其在HTML文档中的位置划分为三种。

  2.1 内联样式(行内样式)

  行内样式是写在标签内的,作用范围只针对当前所在标签。例如:

  红色20号字体

  2.2 内部样式表(内嵌样式)

  内部样式表是将css代码写在头部 标签对 的 标签下。例如:

  

        
            p{
                font-size:20px;
                color:red;
            }
        
    

  2.3 外部样式表(分为链接样式 和 导入样式)

  将css样式代码保存在扩展名为.css的样式表中。因其引用方式不同,可分为两种,及 链接式和引用式。

  语法如下

  2.3.1 链接式

  

  2.3.2 链接式导入式

  

        
              @import url("css文件路径");
        
    

  2.3.3 链接式和导入式的区别链接式导入式

  属于XHTML

  属于CSS2.1

  优先加载CSS文件到页面

  先加载HTML结构在加载CSS文件

  3. css中的优先级

  理论上 行内样式>内部样式>链接样式>导入样式实际上,内部、链接、导入 在同一个头部文件时,谁离相应的代码近,谁的优先级就高,简称就近原则。注:!important 可修改css样式规则的应用优先权。

文章由官网发布,如若转载,请注明出处:https://veimoz.com/2030
0 评论
470

发表评论

嘿,我来帮您!
在线咨询
在线咨询
以确保在用户需要帮助时能够及时提供解答和技术支持
您好,这里是小灯泡设计,请登录后咨询。