第三次网页前端培训笔记(CSS:页面的美化)

学习网址:视频网址    资料网址​​​​​

框架

第三次网页前端培训笔记(CSS:页面的美化)_第1张图片

内容

基本使用

css是由选择器及一条或多条由分号隔开的样式声明组成,每条声明的样式包含着一个css属性和属性值。定义时需注意:声明需要使用{}括起来,每个声明以分号结尾、一行建议一个声明、如果样式的属性值由多个单词组成,则需要用引号引起来。

第三次网页前端培训笔记(CSS:页面的美化)_第2张图片

css有三种使用方式

1.行内样式:直接写在标签上的样式,在标签上通过style属性定义的样式。

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

3.外部样式:定义在外部的css文件中,通过link标签引入。

选择器

1.通用选择器:*(选择所有)

2元素选择器:元素名称(选择指定标签)

3.id选择器:#id属性值(选择指定的id属性元素)

4.类选择器:这里有个点.class属性值(选择指定的class属性元素) 

5.分组选择器:当几个元素样式属性一样时,可共同调用一个声明,用逗号隔开。 

CSS样式的优先级,是根据选择器的精确度/权重来决定的,常见的权重如下,权重越大,优先级越高:元素选择器:为1 、类选择器为10、id选择器为100、内联样式为1000。

组合选择器

1.后代选择器:选择指定元素的所有指定后代元素,以空格隔开即:选择器 指定元素。

2.子代选择器:选择指定元素的第一代子元素,以大于号隔开即:选择器>指定元素。

3.相邻兄弟选择器:选择指定元素的下一个指定元素(只会找一个),两者有相同的父元素,以加号隔开即:选择器+指定元素。

4.普通兄弟选择器:选择指定元素后面的所有指定元素,两者有相同的父元素,以波浪号隔开即:选择器~指定元素。

你可能感兴趣的:(前端,css)