网页前端学习笔记3

CSS

CSS的基本使用

CSS样式由选择器和一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个CSS属性和属性值。

选择器名{

属性：值；…

}

注意：CSS要以分号结尾，结束。声明以{}括起来

           建议一行写一个属性

           若值为若干单词，则要给值加引号，如font-family:"agency fb";

CSS的三种使用方式：

1.行内方式 直接写在标签样式上，在标签上通过style属性定义的形式

2.内部样式  定义在style标签中的样式，style标签一般设置在head标签中

3.外部样式  定义在外部的CSS文件中，通过link标签引入

<link rel="stylesheet" type="text/css" href="css/style.css"/>
        <!--他是一个层叠样式表  为css标签  文件的路径-->

 

 

  注：使用时   当有多重样式时，越精准越优先（就近原则）

CSS选择器

基础选择器   （前三种使用较多）

 1.通用选择器（选择所有）*{属性名：属性值；}

 2.元素选择器（选择指定标签）元素名称{    }

 3.ID选择器（选择指定id）  #id属性值{     }

 4.类选择器  .class属性值{   }

5.分组选择器      选择器1，选择器2发… {     }

 

 组合选择器

1.后代选择器    选择指定元素的所有指定后代元素，以空格隔开。    选择器  指定元素{属性名：属性值；}

2.子元素选择器   选择指定元素的第一代子元素，以>号隔开。        选择器>指定元素{    }

3.相邻兄弟选择器   选择指定元素的下一元素，两者有相同的父元素，以加号隔开（只会找一个）         选择器+指定元素{  }

4.普通兄弟选择器   选择指定元素的下面（后面的）元素，两者有相同的父元素，以波浪号隔开~

CSS常用属性

见下一次

学习网站

【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili