HTML&CSS

html文档详解 包括html标签，head标签，meta标签，body标签，嵌套，单标签，双标签等

块级元素：div p section header footer nav article body html等的特点以及行内元素：span a i em cite b strong等特点

a标签 ：页面跳转 打开电子邮箱 设置瞄点 指定瞄点跳转 img标签 p标签 标题标签 hr标签 等标签

html中视频标签<video> 音频标签<audio>使用及相关属性width hieght controls autoplay muted loop poster

h5部分新增标签：figure details summary mark高亮效果 u下划线等的使用

列表标签：无序列表ul>li 有序列表 ol>li 自定义列表dl dt定义列表标题 dd定义列表对标签的描述

姓名 年龄 性别 张三 15 男 高启强 35 男 姓名 年龄 性别 张三 15 女 序号 名称 操作 1 其他 删除

跨行合并 rowspan='number' 跨列合并 colspan='number' 跨多行列合并

``` 用户名：zhangsan 密码： 角色: 管理员：[ ] 顾客： [ ] 员工：[x] 爱好： 足球：[ ] 篮球：[x] 唱歌：[ ] 城市： 苏州 (suzhou) 点击我 重置 提交 `

描述： 附件上传: 上传文件： 请登录 用户名： 密码： 描述： 附件上传: 上传文件： 请登录 用户名： 密码：

描述： 附件上传: 上传文件： 请登录 用户名： 密码： 描述： 附件上传: 上传文件： 请登录 用户名： 密码：

css语法 声明：一个属性就是一个声明 就是用来修饰标签样式 声明块：多个声明就是声明块 属性规则：

外部样式表 --> <!-- 3.1 使用link标签引入外部样式表 --> <!-- <link rel="stylesheet" href="./style.css"> --

/* 1.标签选择器 选中所有名为div标签 */ div{ color: orange; font-size: 24px; } /*

/* 4.后代选择器 选中所有的后代 包括子代和其他后代 使用空格隔开 */ div p{ color: cyan; } /* 5.子代选择器 选中直

/* 6.交集选择器 选取一类标签中相交部分的标签 类选择器+标签选择器 */ p.box{ font-size: 24px; co

/* 8.兄弟选择器 */ /* css2兄弟选择器 只会选中相邻的第一个兄弟元素 使用+拼接 */ .box+div{ color: brown;

序选择器 伪类选择器 nth-child(n/odd(奇数)/even(偶数)/表达式) */ p:first-child{ color: yellow;

* 动态伪类选择器 未访问 link 访问过 visited 悬浮 hover 鼠标按下active love hate */ /* 未访问a标签样式 */

* 否定伪类选择器 从某类元素中剔除一些元素 */ p:not(.p2){ background-color: red; } </style>