使用菜鸟教程CSS教程快速了解CSS小记录
CSS 规则由两个主要的部分构成:选择器(CSS 中 id 选择器以 “#” 来定义:id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式;在 CSS 中,类选择器以一个点"."号显示:class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用,可以指定特定的HTML元素使用class。),以及一条或多条声明。
#para1 { text-align:center; color:red; } .center {text-align:center;} p.center {text-align:center;}每条声明由一个属性和一个值组成。 属性(property)是希望设置的样式属性(style attribute)。每个属性有一个值。 属性和值被冒号分开。 CSS声明总是以分号(;)结束,声明总以大括号({})括起来 CSS注释以 “/*” 开始, 以 “*/” 结束
外部样式表 每个页面使用 link 标签链接到样式表。 link 标签在(文档的)头部。 外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>内部样式表 当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用
<head> <style> hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");} </style> </head>内联样式表 优先级 (内联样式)Inline style > (内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式
后代选择器(以空格分隔):选取某元素的后代元素 子元素选择器(以大于号分隔):只能选择作为某元素直接子元素的元素 相邻兄弟选择器(以加号分隔):选择紧接在另一元素后的元素,且二者有相同父元素 普通兄弟选择器(以破折号分隔):所有指定元素之后的相邻兄弟元素
伪类可以看作以选中元素为基准点,此元素的一些状态或属性。 CSS伪类是用来添加一些选择器的特殊效果。
https://www.runoob.com/css/css-boxmodel.html