一、CSS格式
1.注意点：
（1）style标签必须写在head标签的开始标签和结束标签之间（也就是必须和title标签师兄弟关系）
（2）style标签中的属性type属性其实可以不写，默认就是type=“text/css”
（3）设置样式是必须按照固定格式来设置，key:value;其中不能省略冒号和分号（最后一个分号的时候可以省略，但是我们不提倡）
二、CSS包括什么？
CSS包括选择器和属性两部分
其中选择器就是标签名称，属性就是属性名称和值
<!--CSS的格式-->
<head>
<style type="text/css">
标签名称：{
属性名称：属性值
......
}
</style>
</head>
web前端开发学习Q-q-u-n： 784783012 ，分享开发工具，零基础，进阶视频教程，希望新手少走弯路
三、常见的文字相关的属性
1.规定文字样式的属性
（1）格式：font:normal;
（2）常见取值：i.normal:正常的文字；ii.italic:倾斜的文字
（3）快捷键：（由于我们使用的是wbstorm，在企业开发过程中掌握某些软件的快捷键是很有必要的，可以达到事半功倍的效果）
fs+table代表font-style:italic;
fsn代表font-style:normal;
2.规定文字粗细的属性
（1）格式：font-weight:bolder;
（2）常见的取值：
i.单词取值：
bold加粗；bolder更粗；lighter：细线（注意：默认是细线的格式，并且有的字体加粗是有上限的，并不是能变得更粗）
ii.100-900之间整百的数字。
（3）快捷键：
fw代表font-weight::
fwb代表font-weight:bold;
fwbr代表font-weight:bolder;
3.规定文字大小的属性
（1）格式：font-size:30px;
（2）单位：px，这里是以像素来显示的（pixel），并且这个单位是不能省略的。
（3）常见的取值：数值加单位
（4）快捷键：
i.fz代表font-size:;
ii.fz20代表font-size:20px;
这里面是支持直接加个数字的
4.规定文字字体的属性
（1）格式：font-family；“”微软雅黑”
（2）常见取值：微软雅黑、宋体（默认）、…（word中有好多中字体）
（3）注意：取值如果是中文的话，一定要用引号来括起来；使用到的取值必须是电脑中提前装好的字体
（3）快捷键：
ff代表：font-family:;（不过在我的webstorm不行，估计版本过低）
<head>
<meta charset="UTF-8">
<title>d60&61_fixed_format_of_CSS&text_attribute</title>
<style>
p{
font-style:italic;
font-weight:900;
font-size:50px;
font-family:"微软雅黑"；
}
</style>
</head>
<body>
<!---->
<p>我是一个段落</p>
<hr>
<hr>
<i>被废弃的倾斜</i>
<br>
<b>被废弃的加粗</b>
共同学习，写下你的评论
评论加载中...
作者其他优质文章
