程序猿小九九的博客

HTMLHTML5HTML5的优势W3C标准常见IDEhtml基本机构、等成对的标签，分别叫开放标签，和闭合标签单独呈现的标签（空元素），如意为用/来关闭空元素03.网页基本标签标题标签段落标签换行标签水平线标签字体样式标签注释和特殊符号04.图像标签常见的图像格式05.超链接标签及应用文本超链接图像超链接超链接06.块元素和行内元素块元素无论内容多少，该元素独占一行(p、h1-h6、…)行内元素内容撑开宽度，左右都是行内元素的可以排在一行(a

html + css + javascript结构+ 表现 + 交互如何学习cascading style sheet(层叠级联样式表)css:表现（美化网页）字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动。。。发展史：CSS1.0CSS2.0 DIV（块）+ CSS，HTML与CSS结构分离的思想，网页变得简单，SEOCSS2.1 浮动，定位CSS3.0 圆角，阴影，动画。。。浏览器兼容性~原生态的css的优势;css拓展：外部样式两种写法链接式html导入式@import ..

父盒子塌陷问题、块元素、行内元素、行内块元素的特性、盒子居中、body的常用基础设置等

伪元素、伪类选择器、伪类、伪元素选择器知识点总结

定位的堆叠顺序和特殊性

定位的几种类型，以及保姆级的定位技巧总结。

属性选择器，结构伪类选择器

精灵图：图片文件较大、图片本身放大和缩小就会失真、一旦图片制作完毕想要更换非常麻烦。字体图标就可以很处理对精灵图的缺陷。使用场景：主要用于显示网页中通用、常用的一些小图标。其展示的是图标，但是本质是文字。优点：轻量级：一个图标字体要比一系列的图像要小，一旦字体加载了，图标就会马上渲染出来，减少了服务器请求。 灵活性：本质就是文字，可以随意更改颜色，阴影，透明效果等。 兼容性：几乎支持所有的浏览器。引入文字图标进入https://www.iconfont.cn，找到自己喜欢的小图标，

鼠标样式cursor、轮廓线outline、防止拖拽文本域resize、解决图片底部默认空白缝隙问题、Vertical-align属性应用、溢出文字的省略号显示、HTML5语义化标签

类似于网站广告，点击关闭就不见了，刷新页面会重新出现。本质：让一个元素在页面中隐藏或者显示出来。display属性display属性用于设置一个元素如何显示代码 作用 display: none; 隐藏对象 display: block; 除了转换为块级元素之外，同时还有显示元素的意思。 注意细节：display隐藏元素之后，不再占有原来的位置。搭配JS可以做很多的网页特效。visibility可见性visibility属性用于指定一

通过盒子模型，清楚的知道大部分html标签是一个盒子。通过CSS浮动、定位可以让每个盒子排列成网页。标准流 可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流。浮动可以让多个块级元素一行显示或者左右对齐盒子，多个块级盒子水平显示就用浮动布局。定位 定位最大的特点就是有层叠的概念，可以让多个盒子前后叠压来显示，如果元素自由在某个盒子内移动就用定位布局。...

CSS3滤镜filter和过渡的保姆总结

浮动及清除浮动的企业级办法

圆角边框制作等

CSS3中新增了盒子阴影，我们可以使用box-shadow属性为盒子添加阴影。语法：box-shadow: h-shadow v-shadow blur spread color inset;值 描述 h-shadow 必须。水平阴影的位置。允许负值。 v-shadow 必须。锤子阴影的位置。允许负值。 blur 可选。模糊距离。 spread 可选。阴影的尺寸。 color 可选。阴影的颜色。 inse

目录CSS三大特性层叠性继承性优先级盒子模型边框(border)内边距（padding）外边距（margin）外边距典型应用外边距合并嵌套块元素垂直外边距的塌陷相邻块元素垂直外边距的合并清除内外边距CSS三大特性CSS有三个非常重要的特性：层叠性、继承性、优先级。层叠性层叠性是指当一个标签被设置了多个重复的样式的时候，一个属性会覆盖另外一个属性。比如：先给div设置背景颜色为红色，然后设置背景颜色为粉红色，那么最终颜色可能为红色，.

目录CSS选择器总结CSS元素显示模式块元素行内元素行内块元素元素显示模式总结元素显示模式的转换CSS背景背景图片背景图像固定（背景附着）背景总结CSS选择器总结CSS基础选择器 基础选择器 作用 特点 使用情况 用法 标签选择器 可以选出所有相同的标签，比如p等 不能差异化筛选 较多 p {color: red;} 类选择器 可以选出一个或多个标签 可以根据需求进行筛选 非常多.