08.transfrom、transition、animation区别
发表于
|
分类于
css和html
参考这个transfrom、transition、animation区别
transfromtransform是静态属性，非动画属性，和margin-left、margin-top类似。
translate：平移，类似position:relative;translate()分三种情况：
tran
...
07.css布局：flexbox伸缩布局
发表于
|
分类于
css和html
以往水平排版方式：3个块级子元素水平排版方法，
display: inline-block;问题是元素之间有间隙，解决间隙：去掉回车符，让代码在一行
float: left;，没有间隙，但是父元素没有高度了，要清除浮动，解决方法：overflow: hidden;
这两个方法都是给子元素设置的
...
06.定位属性区别以及文档流和文本流
发表于
|
分类于
css和html
参考Position的属性和属性值及差别
定位属性区别Position的四个属性 ：
relative：生成相对定位的元素，通过top,bottom,left,right的设置相对于其正常（原先本身）位置进行定位。可通过z-index进行层次分级。
absolute：生成绝对定位的元素，相对于
...
05.css布局：table表格布局
发表于
|
分类于
css和html
简单的HTML表格
table标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成tr元素定义表格行，th元素定义表头，td 元素定义表格单元。更复杂的 HTML 表格也可能包括caption、col、colgroup、thead、tf
...
04.css基础2，非布局样式：背景，边框，css hack
发表于
|
分类于
css和html
背景
背景图到底用雪碧图好，还是用base64好呢
Css Sprites（雪碧图或css精灵），是网页图片处理的一种方式，它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。原理：将许多的小图片整合到一张大图片中
...
03.css基础1，非布局样式：选择器，伪元素与伪类，字体和字体族，行高
发表于
|
分类于
css和html
选择器（1）
选择器里面的属性，值，其实分号;可以不写的
CSS选择器的解析顺序：从右往左解析，参考文章：为什么CSS选择器是从右往左解析，归根结底是性能问题，例子看这里为什么从右向左的规则要比从左向右的高效？
假如 DOM 的结构如上图，匹配规则是 .mod-nav h3 span。若从左向
...
02.attribute特性和property属性区别
发表于
|
分类于
css和html
文章参考 JS中attribute和property的区别
首先，他们属于不同的范畴:
property是DOM中的属性，是JavaScript里的对象；attribute是HTML标签上的特性，它的值只能够是字符串；
attribute和property介绍
简单理解，Attribute就是d
...
01.html版本，元素分类，嵌套关系
发表于
|
分类于
css和html
html版本
sgml要求宽松，浏览器帮忙做了很多事情，没有规范，不好，后来出现了xhtml，这个很严格，开发者又嫌烦了，于是出来html，既可以宽松，又可以严格
https://validator.w3.org/ 输入你想验证的文档 看符不符合标准
SGML、HTML、XML、XHTML
...