html
01、html基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
网页显示内容
</body>
</html>
第一行是文档声明,第二行“”标签和最后一行“”定义html文档的整体,“”标签中的‘lang=“en”’定义网页的语言为英文,定义成中文是’lang=“zh-CN”’,不定义也没什么影响,它一般作为分析统计用。 “”标签和“”标签是它的第一层子元素,“”标签里面负责对网页进行一些设置以及定义标题,设置包括定义网页的编码格式,外链css样式文件和javascript文件等,设置的内容不会显示在网页上,标题的内容会显示在标题栏,“”内编写网页上显示的内容。
02、html标题标签
是title还是h标签
03、html段落、换行
p标签 br标签
04、块标签、含样式的标签
div标签是标签容器里面可以包含其他的标签
带有属性的标签 input标签
05 、图像标签、路径问题
image标签 src属性设置路径
绝对路径和相对路径问题
06、链接标签
超链接 a标签 属性href
07、列表标签
无序号列表
有序号列表
列表元素
08、表格标签
table标签
tr子元素
th td子元素
09、表单标签
form表单标签
个人信息统计案例
lable标签
input采集信息标签属性有
- text
- password
- radio
- checkbox
- reset
- button
- submit
其他标签
select下拉多选标签 子元素 option
textarea 文本域
10、页面布局
页面布局?
11、table布局及实例
CSS
01、css基本语法、页面引用
基本语法 <style>代码内容<\style>
通过选择器获取标签对象
通过标签对象设置或修改标签属性和内容
02、文本设置
文本设置?
设置什么东西啊?
标签设置和文本设置
文本一般指的是标签的内容
03、颜色表示法
颜色表示法?
字母、数字
04、选择器
- *选择器
- 标签选择器
- 类选择器:为标签添加分类
- id选择器:只能设置一个标签元素
- 层级选择器:寻找标签的子标签
- 伪类选择器
05、盒子模型
知道由内到外的结构
依次是:
- content
- padding
- border
- margin
其中margin不会影响标签内容的大小
padding和border默认是0
06、盒子模型的实际尺寸
实际尺寸等于
(width+padding+border)*(height+padding+border)
07、盒子模型使用技巧
这有什么使用技巧?
08、css元素溢出
子标签的容器面积大于父标签的面积
09、块元素、内联元素、内联块元素
一脸蒙蔽
10、浮动
设置浮动可以是两个标签元素处于同一水平线上 挤压盒子模型的margin空气
11、定位
定位?
12、background属性
标签容器的背景不是文本内容