策码扬鞭的专栏

前端开发的核心语言 HTML 超文本标记语言 hyper text markup language HTML基本结构 文档头类型声明　　 根元素　　 CSS css的引入方式 CSS选择器前端开发的核心语言 HTML：结构 CSS：样式 JavaScript：行为 HTML超文本标记语言 hyper text markup language 超文本： 最重要：可以包含超链接； 超越文本：文字、

盒模型 盒模型的组成 content 背景 padding border margin 盒模型的实际大小 盒模型 HTML中，万物皆是盒模型 只要HTML中的标签，你都可以通过设置盒模型相关的内容，对这个元素产生影响 盒模型的组成 月饼　content ：width；height 填充物　　padding：内边距 月饼盒　border：边框 月饼盒外　margin：外边距 content width

标签的划分 块元素标签 特性 内联元素标签 常见标签 基本元素 超链接 文本格式化元素 语义相关元素 特征 内联块元素 三者可以相互转化 嵌套问题 前端规范 选择器 标签的划分 1.1单标签 1.2双标签 2.1块元素标签 2.2内联元素标签-行元素 内联块元素标签 块元素标签##块元素标签常见标签 - 基本元素 div 双 语义：无意义 h1~h6 双 语义：一级标题 至 六级标题 p

列表 ul ol 选择器的扩展 标签名选择器 类选择器 ID 选择器 群组选择器 后代选择器 子代选择器 相邻兄弟选择器 同级元素通用选择器 属性选择器 伪选择器pseudo-selector 列表ul 双 语义：有序列表 一般内容没有特别明确的顺序关系的时候去使用 可设置的属性list-style-type 类型 none disc-黑色实心圆点-默认值 circle-黑色空心圆点 square-

Background相关知识点拓展 background-clip background-origin background-size 内阴影 表单 概念 服务器 表单 form 向表单中填写内容 input 属性 textarea selectBackground相关知识点拓展background-clip 图片裁切 属性border-box border + padding + content

浮动 浮动特性 清除浮动 浮动 floatright none left 浮动特性 1、使元素脱离文档流 2、提升层级半级 3、使不支持宽高的元素重新支持宽高 4、如果没有设置宽度，浮动元素的内容去撑开宽度 5、浮动元素什么时候停止遇到父级元素的边框的时候停止 遇到相同的浮动元素的时候会停止 清除浮动 1、给父级元素设置高度拓展性差 2、给父级元素设置浮动 3、overflow:hidden; 4、

定位 不定位 相对定位 绝对定位 固定定位 关于浮动绝对定位相对定位的总结 定位不定位 position：static; 相对定位 position:relative; 激活属性top bottom left right 位移参考于原本的位置 特性 不会脱离文档流 对元素本身没有影响 如果同时设置了 top 和 bottom top会生效 left 和right left生效 绝对定位 posi