前端学习_Day01

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

1.2格式规范
前端学习_Day01

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;}

前端学习_Day01

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顺序不能颠倒
  • 其他可以省略,不能省略大小和字体
上一篇:1228(不定积分,matplotlib,leetcode21,26)


下一篇:html--基础知识(字体粗细/倾斜效果)