DF11G_0001的博客

一直对flex布局一知半解。不能这样。今天总结一下。指定flex：设置display：flex | inline-flex 此操作会将float、clear等属性屏蔽。flex一共有六种属性：flex-direction：决定主轴的方向 row 左→右（默认） row-reverse 右→左 column 上→下 column-reverse 下→上 flex-wrap：决定是否可换行 nowrap 不换行（默认） wrap 主轴总尺寸超过容器时换行，第一行在上方 .

水平居中：inline元素：text-align:center block元素：margin:auto absolute：left:50% + margin-left负值垂直居中：inline元素：line-height高度等于行高height absolute：top:50% + margin-top负值（需考虑子元素宽高） absolute：transform(-50%,-50%) （兼容性一般，CSS3） absolute：top，left，bottom，right=0 + mar

关于media的媒体查询，详见https://github.com/DF11G/CSS_Practice.gitFlex的属性：Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}一、基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（...

系统总结一下CSS，解决没认真学过CSS的历史遗留问题。CSS盒状模型三大主属性：display属性 +position属性 +float属性一、display：display: none; 与 visibility: hidden; 的区别：display:none;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility: hidden;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内容不可见 display: none;是非继承属性，子孙节点消失由于...

Position值 描述 absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 relative 生成相对定位的

CSS解析方式：从右往左，提高性能和查找速度使用font-face自定义字体，如果跨域使用字体时候记得对方服务器允许跨域

块级元素可以包含行内元素块级元素不一定能包含块级元素行内元素一般不能包含块级元素面试题：doctype的意义是什么？让浏览器以标准模式渲染。让浏览器知道元素的合法性。HTML，XHTML和HTML5的关系HTML是SGML的一个应用。XHTML属于XML，是HTML进行HML严格化的结果。HTML5不属于SGML和XML，因为规范比较宽松。HTML5有哪些新东西？新的语义化元素（Section Article...等等）表单增强（新的元素，表单验证等等）新