第一章 基本的认识

CSS层叠样式表

w3c中文站 声明:@charset "utf-8" ; 注释:/* 我是注释 */ class对应的是. ID对应的是#

选择器

选择器 在HTML中的表达 在css中的表达 含义
CSS 元素选择器 根据元素名称来选择 HTML 元素。
元素id选择器 id # 使用 HTML 元素的 id 属性来选择特定元素。
CSS类选择器 class . 选择有特定 class 属性的 HTML 元素。
CSS 通用选择器 * 选择html中的所有元素

HTML 元素也可以引用多个类。 类名不能以数字开头! 选择器后面不用写分号

组合器

后代选择器 (空格)

  • 后代选择器匹配属于指定元素后代的所有元素。

子选择器 (>)

子选择器匹配属于指定元素子元素的所有元素。

相邻兄弟选择器 (+)

相邻兄弟选择器匹配所有作为指定元素的相邻同级的元素。 兄弟(同级)元素必须具有相同的父元素,“相邻”的意思是“紧随其后”。

通用兄弟选择器(~)

  • 通用兄弟选择器匹配属于指定元素的同级元素的所有元素。

写法

在css中的写法 在HTML中的写法 作用 备注
text-align: center; align="center" 文档的居中 孤证不立
width:200px; width="200px" 宽度200像素 heigh 高度同理
橘子泡酒
Built with Hugo
主题 StackJimmy 设计