CSS简介

小灰灰 2024-04-06 13:26 226阅读 0赞

目录

1、什么是CSS?

2、怎么在html文件中嵌入CSS?

3、内联定义(内联样式)

4、定义内部样式块对象(内部样式)

5、链入外部样式表文件(外部样式)

6、CSS中常见选择器

notes:选择器的优先级:id>class>标签


1、什么是CSS?

Cascading Style Sheet 层叠样式表,用来修饰html。

2、怎么在html文件中嵌入CSS?

第一种方式:内联定义 (内联样式)

第二种方式:定义内部样式块对象(内部样式)

第三种方式:链入外部样式表文件(外部样式)

3、内联定义(内联样式)

<标签 style=”属性名:属性值;属性名:属性值;”></标签>

4、定义内部样式块对象(内部样式)

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <style>
  7. 选择器{
  8. 属性名:属性值;
  9. 属性名:属性值;
  10. 属性名:属性值;
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. </body>
  16. </html>

5、链入外部样式表文件(外部样式)

  1. <head>
  2. <link href="*****.css" rel="stylesheet" type="text/css" />
  3. </head>

65455e0791d84369abbae39def573f4a.png

6、CSS中常见选择器

  • 标签选择器

a558e56953cc4b019928c4e66220af0b.png

  • id选择器

以#开头

76e615526bc84ee5a6b0d80c900dd0e3.png

  • class选择器

.开头

ed0e8f6ba2c64fff8ede49b836799df8.png

notes:选择器的优先级:id>class>标签

发表评论

表情:
评论列表 (有 0 条评论,226人围观)

还没有评论,来说两句吧...

相关阅读

    相关 CSS简介

    目录 1、什么是CSS? 2、怎么在html文件中嵌入CSS? 3、内联定义(内联样式) 4、定义内部样式块对象(内部样式) 5、链入外部样式表文件(外部样式) 6

    相关 CSS简介

    CSS是谁?它做什么工作? 与HTML 一样,CSS 也不是真正的编程语言,甚至连标记语言都不是。 CSS是层叠样式列表。单纯采用HTML制作的网页就像毛坯房一样,不

    相关 css简介

    什么是 CSS? · CSS 指层叠样式表 (Cascading Style Sheets) · 样式定义如何显示 HTML 元素 · 样式通常存储在样式表中 · 

    相关 css3简介

    1. 在编写css3样式时,不同的浏览器可能需要不同的前缀。因为css3的一些属性尚未成为w3c标准,是浏览器私有属性;虽然目前较新版本的浏览器基本上实现了css3所有功能,但