[HeadFrist-HTMLCSS学习笔记]第7、八章

时间 2019-11-07 标签 headfrist htmlcss 学习笔记第 7 八章

[HeadFrist-HTMLCSS学习笔记]第七章CSS入门：加一点样式

重点噻

段落添加背景颜色 p{ background-color: red; }
文本颜色 p{ color: ,maroon; } ，可是不改变连接的颜色
段落增长边界

p {
    background-color: red;<!--背景颜色红色-->
    border: 1px solid gray;<!-增长边框；1像素 灰色 实线--->
}

对标题加样式

h1,h2{
    font-family: sans-serif;<!--针对h1元素-->
    color:       gray;
}

下划线 border-bottom: 1px solid black;
CSS放入HTML中(方法一)

<head>
    <title>XXX</title>
    <style>
        增长CSS样式
    </style>
</head>

CSS放入HTML中(方法二)
- 建立XXX.css文件
- 从主页面连接到外部样式表
```
<head>
<lnk type="text/css" reli="stylesheet" href="XX.css">
```
注意没有<style>

[HeadFrist-HTMLCSS学习笔记]第八章增长字体和颜色样式：扩大你的词汇量

咚咚咚

font-family属性决定字体类型

body{ font-family: Verdana, Geneva, Arial, sans-serif;}

font-size属性控制字体大小

body{ font-size: 14px; }

font-color属性设置文本颜色

body{ font-color: silver; }

font-weight属性影响字体粗细,lighter->normal->bold->bolder

body{ font-weight: bold; }

font-decoration属性设置文本划线
- none
- 下划线underline
- 上划线overline
- 删除线line-through
```
body{ font-decoration: silver; }
```