前端学习_Day01

本文主要是介绍前端学习_Day01，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1.1CSS语法规范：
CSS样式与规则：选择器（选择HTML中常见的标签）以及一条或多条声明（声明HTML的样式）
p { color: red; fontsize: 12px; }

1.2格式规范

2.1选择器
作用
类别
2.1.1标签选择器：

• 标签名作为选择器
• 优点：快速指定某一类标签
• 缺点：无法区别出来

2.1.2类选择器

• 给标签取一个类名，然后用*.类名*调用

• 样式点定义，结构类调用

• 类选择器的特殊使用—多类选择器：优点：将相同的样式放在同一个类里面，方便统一修改。这些标签可以调用相同的类，修改自己独有的类。
  . red { width: 100px; height:100px; background-color: red; }
  2.1.3 id选择器

• id名字唯一（类似身份证），仅能被唯一的标签使用，与类名（类似人名）区别开，使用次数不同

2.1.4 通配符选择器
*{属性1；属性2；属性3;} *{margin:0;padding:0;}

2.2CSS字体属性

2.2 font-family设置字体系列
语法规范：字体之间用逗号分割，多个单词组成的字体加引号
浏览器读取时，从第一个依次往后读取
可以直接用选择器设置body内部字体
body {font-family: "微软雅黑";}

2.2.1font-size字体大小设置

• 谷歌浏览器默认字体大小为16px；
• 不同浏览器可能默认字号大小不同，要尽量给一个明确大小，不能默认大小

2.2.2 font-weight设置字体权重
font-weight后面不用加像素，实现的是字体加粗
normal：默认值（不加粗）
bold：定义粗体（加粗）
100-900：400=normal 900=bold

2.3.3font-style设置字体风格
italic（一般不用）
normal：让斜体标签<em>,<i>变得不倾斜
2.3.4font复合属性方法

• 格式：font：font-style font-weight font-size/line-hight font-family顺序不能颠倒
• 其他可以省略，不能省略大小和字体

这篇关于前端学习_Day01的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！