第一周学习笔记
1.html：一种超文本语言，用来描述网页
标签关系
包含关系
并列关系
基本结构标签
<html> HTML标签
<head>文档头部
<title>文档标题
<body>文档主体
标签
标题标签<h1> - <h6>
段落标签<p>
换行标签<br>
文本格式化标签
加粗 strong
倾斜 em
删除线 del
下划线 ins
<div> <span>无语义标签，是一个盒子，用来布局
图像标签<img 属性/>
超链接标签<a 属性/>
表格标签 ->用来显示数据
<table>
<tr>
<th> </th>
<tr>
<table>列表标签 ->用来布局
无序列表<ul>
有序列表<ol>
自定义列表
<dl> <dt>名词</dt> <dd>解释</dd> </dl>
表单标签 ->用来收集信息
表单域<from>
表单控件(元素)
输入<input 属性/>
下拉列表<select> <option></option> </select>
文本域<textarea>
提示信息
2.css选择器
基础选择器
标签名选择器
类选择器
id选择器
通配符选择器
复合选择器
后代选择器
子选择器
并集选择器
链接伪类选择器(LVHA)
未被访问的链接a:link
访问过的链接a:visited
经过的链接a:hover
鼠标正在按下但还没弹起的链接a:active
focus伪类选择器
3.css字体及文本属性
字体font-
family字体样式
size字体大小
weight字体粗细
style字体形式
italic斜体
normal不斜体
文本text-
color文本颜色
align对齐方式
decoration装饰
overline上划线
underline下划线
line-through删除线
none取消
indent缩进
height行间距
4.css元素
显示模式 -> 布局
块元素
独占一行
可以控制高度、宽度、外边距、内边距
里面可以放行内元素/块元素(但文字类标签不能块元素)
行内元素
一行可以显示多个
不能直接设置高度、宽度
宽度即本身
里面只能放文本或其他行内元素(但<a>可以)
行内块元素img、input、td
一行可以显示多个
宽度即本身
可以控制高度、宽度、外边距、内边距
元素间转换display
转化为块元素 -> block
转化为行内元素 -> inline
转化为行内块元素 -> inline-block、