day03_CSS的基础语法及页面的引用
发布日期:2021-05-10 03:28:29 浏览次数:16 分类:精选文章

本文共 517 字,大约阅读时间需要 1 分钟。

CSS基础语法

CSS( Cascading Style Sheets,嵌入样式表)是用于在网页中定义样式和格式的编程语言。

选择器

选择器用于指定要样式表应用的网页元素,语法格式如下:

选择器 { 属性: 值; 属性: 值; ... }

例如:

div { 
width: 100px;
height: 100px;
color: red
}

这里的选择器div表示所有 <div> 标签元素。

样式表引入方法

在网页中引入 CSS 样式表有以下方法:

  • 外联式(外部样式表)
    最常用,适合集中管理样式文件。通过<link>标签引入外部 CSS 文件,代码示例:
    1. 嵌入式(内嵌样式表)
      适用于网页首页加快加载速度。通过<style>标签嵌入 CSS,代码示例:
      1. 内联式(内联样式表)
        通过标签的style属性直接定义样式,适用于个别元素或小范围样式,代码示例:
      2. 样式表使用优化

        • 外联式优先:如果不需要频繁修改样式,外联式最合适,因为方便集中管理和更新。
        • 嵌入式适用于单页:适合网站首页或需要快速加载的页面,可以减少 HTTP 请求。
        • 内联式用于特殊场景:适合个别元素或复杂样式不宜集中管理的情况。
    上一篇:day04_CSS选择器
    下一篇:day02_HTML的布局_常用的标签

    发表评论

    最新留言

    很好
    [***.229.124.182]2025年04月13日 02时19分17秒