零基础入门前端开发(五)

CSS简介

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

CSS代码的书写方式

CSS代码的书写方式:
1、嵌入式(内嵌式)
2、外链式
3、行内式

嵌入式(内嵌式)

在这里插入图片描述
在这里插入图片描述

外链式

在这里插入图片描述
在这里插入图片描述

行内式

在这里插入图片描述
在这里插入图片描述

注释

在这里插入图片描述

/* 这是CSS的注释 */

选择器

在这里插入图片描述

基本选择器

在这里插入图片描述

复合选择器

在这里插入图片描述

伪类选择器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
超级链接的美化:
在这里插入图片描述

属性选择器

在这里插入图片描述
在这里插入图片描述

选择器之间的优先级

单个选择器之间的优先级

在这里插入图片描述

多个选择器之间的优先级

在这里插入图片描述
如果说多个选择器之间的个数相同时,要观察CSS代码的书写顺序,谁写在后面就听谁的

块级元素与行内元素

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

块级元素

在这里插入图片描述
在这里插入图片描述

行内元素

在这里插入图片描述

文本属性

在这里插入图片描述

字体属性

在这里插入图片描述
在这里插入图片描述

列表样式属性

在这里插入图片描述

继承性

  • 祖先元素身上的样式会被后代所继承
  • 当前元素身上的样式会继承其父级元素,它会选择最近的来继承(就近原则)
  • 并不是所有属性都能被继承,在CSS中,文本、字体、列表属性能够被继承
  • 一般情况下,我们会给body标签设置字体大小、字体、文本颜色

在这里插入图片描述

发布了169 篇原创文章 · 获赞 244 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/Deep___Learning/article/details/104522842