CSS——常见属性和外部样式表（外链式）
常见属性：
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style type="text/css">
.p{
color:red;
font-size: 30px;
text-decoration: underline;
font-weight:bold;
text-align: center;
}
.h1{
color:skyblue;
font-size:50px;
font-weight:bold;
background-color:pink;
}
</style>
</head>
<body>
<h1>这是⼀个标题</h1>
<p>这是⼀个段落</p>
</body>
css可以写在head⾥⾯，也可以写在单独的⽂件⾥⾯。
语法：< style type=“text/css”>< /style>
type表⽰“类型”，text就是“纯⽂本”。
sublime中输⼊< st+tab键 可以⾃动⽣成style type。
CSS对换⾏不敏感，对空格也不敏感，但是语法⼀定要标准，冒号分号都不能省略。
语法：
.选择器1｛
标签: 样式;
标签: 样式;
标签: 样式;
｝
.选择器2｛
标签: 样式;
标签: 样式;
标签: 样式;
｝
字体颜⾊：
color: red;
color属性的值可以是英语，如常见的red, yellow, blue, 也可以是lightyellow, skyblue等单词，也可以是rgb和⼗六进制。
sublime中快捷键是c+tab
背景颜⾊：
background-color: blue;
sublime中快捷键是bgc+tab
text-align设置⽂本内容的⽔平对齐。left：左对齐（默认值）；right：右对齐；center：居中对齐。
text-indent⾸⾏缩进，其属性值可为不同单位的数值、em字符宽度的倍数或相对于浏览器窗⼝宽度的百分⽐%，允许使⽤负值，建议使⽤em作为设置单位，1em就是⼀个字的宽度。
text-decoration⽂本装饰。下划线：text-decoration: underline；⽆下划线： text-decoration: none;
font属性
使⽤font属性，能够⼀起设置字号、⾏⾼、字体：
font: 14px/24px “宋体”；size是尺⼨，px是像素；等价于三⾏语句：
font-size: 14px;
line-height: 24px;
font-family:"宋体";
font-family就是“字体"，但不是所有字体都能⽤，因为这个字体要看⽤户的电脑⾥装没装。
⽐如设置font-family:“华⽂彩云”；如果⽤户电脑⾥没有这个字体，那么就会变成宋体。
页⾯中，中⽂只使⽤：微软雅⿊、宋体、⿊体。如果页⾯中需要其他字体，那么需要切图。英语：Arial、Times New Roman
为了防⽌⽤户电脑⾥⾯没有微软雅⿊这个字体，那么就要⽤英语的逗号隔开备选字体，即如果⽤户电脑⾥⾯没有安装微软雅⿊字体，那么就是宋体：font-family:“微软雅⿊”, “宋体”; 备选字体有⽆数个，⽤逗号隔开。
我们要将英语字体放在最前⾯，这样所有的中⽂就不能匹配英语字体，就⾃动变为后⾯的中⽂字体：font-family: “Times New Roman”,“微软雅⿊”,“宋体”。
所有的中⽂字体，都有英语别名：微软雅⿊的英语别名：font-family: “Microsoft YaHei”; 宋体的英语别名：font-family:“SimSun”;
font属性能够将font-size、line-height、font-family合三为⼀：font: 12px/30px “Times New Roman”,“Microsoft
YaHei”,“SimSun”;
⾏⾼可以⽤百分⽐，表⽰字号的百分之多少。⼀般来说都是⼤于100%，因为⾏⾼⼀定要⼤于字号。
font: 12px/200%“宋体”；等价于font: 12px/24px"宋体"; 反过来，⽐如： font: 16px/48px"宋体"；等价于font: 16px/300%“宋体”;
尽量使⽤偶数字号，各字体之间必须使⽤英⽂状态下的逗号隔开，中⽂字体需要加英⽂状态下的引号，英⽂字体⼀般不需要加引号。
当需要设置英⽂字体时，英⽂字体名必须位于中⽂字体名之前。如果字体名中包含空格、#、￥等符号，则该字体必须加英⽂状态下的单引号或双引号，如font-family: “Times New Roman”;。
fount-weight: 字体粗细
可⽤属性值：normal/bold/bolder/lighter/100~900（100的整数倍）
数字400等价于normal，⽽700等价于bold
font-style: 字体风格
如设置斜体、倾斜或正常字体，可⽤属性值如下：
normal：默认值，显⽰标准字体样式；italic：显⽰斜体的字体样式；oblique：显⽰倾斜的字体样式。
外部样式表（外链式）font weight bolder
嵌⼊式是将所有样式放在⼀个或多个以.CSS为扩展名的外部样式表⽂件中，通过link标签将外部样式表⽂件链接到HTML⽂档中，其基本语法格式：
<head>
<link href="CSS⽂件路径" type=“text/CSS” rel="stylesheet" />
</head>
该语法中，link标签需要放在head头部标签中，且必须指定link标签的三个属性：
href：定义所链接外部样式表⽂件的URL，可以是相对路径，也可以是绝对路径。
type：定义所链接⽂档的类型，这⾥需要指定为"text/CSS"，表⽰链接的外部⽂件为CSS样式表。
rel：定义当前⽂档与被链接⽂档之间的关系，这⾥需要指定为"stylesheet"，表⽰被链接的⽂档是⼀个样式表⽂件。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。