CSS基本使用

作者介绍：

作者：小刘在C站

⛄️作者每天分享课堂笔记

夕阳下，是最美的绽放

---

目录

CSS基本概念

1.什么是CSS

2.CSS分类

3.CSS的语法结构

4.CSS选择器的分类

5.css样式的优先级

6.选择器的申明

7.css       常见的文本段落属性

---

CSS基本概念

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

1.什么是CSS

       CSS（cascading style sheet）层叠样式表，主要用于布局和美化网页  

如下图：

---

 

2.CSS分类

                 内部样式表和外部样式表

                 内部样式表又分为嵌入样式和行内样式

                 嵌入样式：

            主要包含:

                    

                                

                            bady{font-size:12px;}

                      

                 

   行内样式

      

外部样式包含在中

                         CSS作为一个独立文件被调用

---

3.CSS的语法结构

                选择器：[对象属性:属性值:]

---

4.CSS选择器的分类

     标签选择器   p    a        body        span        stab/e

p\    p{属性：属性值：}

类选择器，类名

            类名[属性：属性值：]

     

   id选择器

         #id1名字{属性：属性值:}

       

---

5.css样式的优先级

      id选择器>类选择器>标签选择器.

选择器相同，按代码的应用顺序，后应用的覆盖前应用

      行内样式>嵌入样式>外部样式

      内层标签应用样式优先于外层样式标签

---

6.选择器的申明

              集体申明

            body，p，hl,span,#abc,classl{color:red:}

嵌套申明                 

          p      a         {color:red:}

          p      a         span{color  :red:}

---

7.css       常见的文本段落属性

font-family                        设置文本字体

font-sis                             设置字体大小

line-height                             文本的行高

texr-indent                         首行缩进

text-align                      文本的水平对齐方式

vertical-align                    垂直对齐方式

color                          字体颜色

border                                设置边框属性

border-width                               边框宽度

border-style                            边框样式

border-color                              边框的颜色

backlground-image                            设置背景图片

---

关注，就是我创作最大的动力

点赞，就是对我最大的认可

制作不易,点个赞在走吧