web前端入门到实战：CSS基本格式以及文字相关的属性-创新互联

一、CSS格式

1.注意点：

（1）style标签必须写在head标签的开始标签和结束标签之间（也就是必须和title标签师兄弟关系）

（2）style标签中的属性type属性其实可以不写，默认就是type="text/css"

（3）设置样式是必须按照固定格式来设置，key:value;其中不能省略冒号和分号（最后一个分号的时候可以省略，但是我们不提倡）

二、CSS包括什么？

CSS包括选择器和属性两部分

其中选择器就是标签名称，属性就是属性名称和值

三、常见的文字相关的属性

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不行，估计版本过低）

    
    
    



我是一个段落


被废弃的倾斜


被废弃的加粗
专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划）