1 什么是CSS？
CSS一般叫作为CSS样式表或层叠样式表（级联样式表），重点用于设置HTML页面中的文本内容（字体、体积、对齐方式等）、照片的外形（宽高、边框样式、边距等）以及版面的布局等外观表示样式。 CSS以HTML为基本，供给了丰富的功能，如字体、颜色、背景的掌控及整体排版等，况且还能够针对区别的浏览器设置区别的样式。
2 CSS语法
CSS基本语法
CSS规则由两个重点部分形成：选取器以及一条或多条声明。 每条声明由一个属性和一个值构成。属性(property)是设置的样式属性，每一个属性有一个值，属性和值被冒号掰开。
例如 selector{property：value}
选取器一般是必须改变样式的HTML元素。
例如 h1{color:red; font-size:14px;}
h1是选取器，color和font-size是属性，red和14px是值。
重视：
倘若定义不止一个声明则必须用分号将每一个声明掰开。例如：p{text-align:center;color:red}
倘若值为若干单词，则要给值加引号： 例如：p {font-family: "sans serif";}
CSS高级语法 选取器的分组
h1,h2,h3,h4,h5,h6 {
color: green;
}
继承及其问题：按照 CSS，子元素从父元素继承属性。
body {
font-family: Verdana, sans-serif;
}
3 创建CSS
CSS 创建样式表分为三种状况： 内部样式表
<head>
<style type="text/CSS">
选取器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
div{width:200px; height:200px; border:1px solid red;}
</style>
</head>
行内式(内联样式)
<div style="width:200px;height:100px;border:1px solid black;"></div>
外边样式表(外链式)
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
样式优先级：内联样式>内部样式>外边样式 三种样式表区别：
行内样式表 ：优点 书写方便；缺点 无实现样式和结构相分离；运用状况 较少；掌控范围 掌控一个标签(少)。
内部样式表：优点 部分结构和样式相分离； 缺点 无彻底分；运用状况 较多；掌控范围 掌控一个页面(中)。
外边样式表：优点 完全实现结构和样式相分离； 缺点 必须引入；运用状况 最多，举荐；掌控范围 掌控全部站点(多)。
4 id和class选取器
ID选取器：
id 选取器能够为标有特定 id 的 HTML 元素指定特定的样式，id 属性和身份证同样拥有独一性。
HTML元素以 id 属性来设置 id 选取器，CSS 中 id 选取器以 "#" 来定义。重视： id 属性不可以数字开头。
语法：
#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
class选取器： class 选取器用于描述一组元素的样式，亦叫做类选取器。
class 能够在多个元素中运用，并且一个元素亦能够指定多个类名。
在 CSS 中，类选取器以一个点 "." 号来定义。
一样的类名的第1个字符亦不可运用数字。
语法：
.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
ID 选取器和类（class）选取器的区别： 相同点：都能够应用于任何元素区别点： ID 选取器只能在文档中运用一次，而类选取器能够运用多次。能够运用类选取器词列表办法为一个元素同期设置多个样式(亦便是一个元素能够制定多个类名)，而ID只能指定一个。5 CSS元素选取器
最平常的CSS选取器便是元
| 
发表于 2024-6-30 05:03:59
