web前端3_web3前端

五 CSS-美化文档

5.1 HTML内部添加样式

1 标签中添加声明

声明的关键字是style

<input type="text" placeholder="手机号码" style="">

style可以在<input>里面的任何位置

2 在引号之间添加样式

<p style="font-size:14px;color:white"></p>

这段代码的意思是设置p标签中的字体大小为 14px，颜色为白色

5.2 字体大小/字体粗细

在CSS中属性和值书写方式

 

1 字体大小

设置格式： font-size ：36px

<!-- 设置字体的大小为12px -->
<p style="font-size: 12px;">
  一个轻量级和模块化的前端框架，用于开发快速和强大的web接口。
</p>
<!-- 设置字体的大小为24px -->
<p style="font-size: 24px;">
  一个轻量级和模块化的前端框架，用于开发快速和强大的web接口。
</p>

2 字体加粗

设置格式：font-weight：100；用数字或者用英文

<p style="font-weight: 200;">优课达--学的比别人好一点～</p>
<p style="font-weight: lighter;">优课达--学的比别人好一点～</p>
<p style="font-weight: 400;">优课达--学的比别人好一点～</p>
<p style="font-weight: normal;">优课达--学的比别人好一点～</p>
<p style="font-weight: 700;">优课达--学的比别人好一点～</p>
<p style="font-weight: bold;">优课达--学的比别人好一点～</p>

5.3 字体颜色/文字对齐方式

1 颜色

颜色的设置方式有四种：

①英文字母形式：color: black;

②十六进制颜色 ： #DAE8FC; //#字开头，后边跟三个数字，每个数字的范围为00~FF

③rgb形式： co