html5——CSS3基础

  • 开发
  • 25

目录

CSS概念

CSS3基本语法

HTML中引入CSS样式 

 1、行内样式

2、内部样式 

3、链接样式

 

CSS概念

表现HTML或XHTML文件样式的计算机语言

· 包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定

CSS3基本语法

选择器 { 声明1;

              声明2;

              ……  }

CSS的最后一条声明后的“;”可写可不写，但是，基于W3C标准规范考虑，建议最后一条声明的结束“;” 都要写上

HTML中引入CSS样式 

  1.  行内样式
  2. 内部样式
  3. 链接样式

 1、行内样式

使用style属性引入CSS样式

        <p style="color: red;font-size: 36px;">人之初，性本善。</p>

2、内部样式 

CSS代码写在<head>内的<style>标签中

<style>

        h1{color: green; }

</style>

优点

方便在同页面中修改样式 

缺点

不利于在多页面间共享复用代码及维护，对内容与样式的分离也不够彻底

3、链接样式

CSS代码保存在扩展名为.css的样式表中

<head>

  ……

<link href="style.css" rel="stylesheet" type="text/css" />

……

</head>

CSS3样式优先级：

  1. 行内样式>内部样式>链接样式
  2. 就近原则：越接近标签的样式优先级越高

 

阅读全部

相关推荐

  7. 前端知识库Html5和CSS3

    2024-07-12 07:42:05       56 阅读

  8. Web前端_html5+css3

    2024-07-12 07:42:05       38 阅读

  10. HTML5、CSS3面试题（一）

    2024-07-12 07:42:05       40 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-12 07:42:05       67 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-12 07:42:05       72 阅读

  9. 在Django里面运行非项目文件

    2024-07-12 07:42:05       58 阅读

  19. Python语言-面向对象

    2024-07-12 07:42:05       69 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-07-12 07:42:05       64 阅读

热门阅读

  2. 数据建设实践之大数据平台(二)

    2024-07-12 07:42:05       23 阅读

  5. promise中reject和catch处理上有什么区别

    2024-07-12 07:42:05       23 阅读

  6. [AHK V2]SQLite测试用例

    2024-07-12 07:42:05       25 阅读

  7. Mysql中存储过程、存储函数、自定义函数、变量、流程控制语句、光标/游标、定义条件和处理程序的使用示例

    2024-07-12 07:42:05       27 阅读

  10. Python实现图像添加水印的方法

    2024-07-12 07:42:05       23 阅读

  12. Elasticsearch集群-实现自动补全

    2024-07-12 07:42:05       28 阅读

  18. Spring依赖注入、循环依赖——三级缓存

    2024-07-12 07:42:05       31 阅读

  23. Fiddler使用详解：网络调试与分析工具（接口测试，断点调试，弱网测试）

    2024-07-12 07:42:05       30 阅读

  26. 【WPF】Enum与Converter的使用

    2024-07-12 07:42:05       25 阅读

  29. 【CH32V305FBP6】USBD 初始化分析

    2024-07-12 07:42:05       26 阅读