
HTML/CSS
文章平均质量分 58
Uching
这个作者很懒,什么都没留下…
展开
-
CSS | box-model & box-sizing
对box-model的理解box-model标准盒模型:总宽=width + left padding + right padding + left border + right border + left margin + right margin将标准盒模型转化为IE盒模型可以用CSS3的box-sizing属性,将属性值改为border-boxIE8及更早版本的盒模型:wi原创 2017-08-16 09:22:38 · 391 阅读 · 0 评论 -
CSS布局 | Flexbox的理解与使用
导读:容器属性有:display,flex-direcction,flex-wrap,flex-flow(flex-direction和flex-wrap属性的简写),justify-content,align-items,align-content;子项属性:order,flex-grow,flex-shrink,flex-basis,flex(flex-grow,flex-shrink,flex翻译 2017-08-24 15:55:29 · 433 阅读 · 0 评论 -
HTML | <meta> 的详细属性使用 名称/值对
导读:meta的属性有name,http-equiv,content,charset 属性(HTML5 新属性), scheme (已弃用)。元素可提供相关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。1HTML < meta> 元素表示那些不能由其它HTML元相关元素 (原创 2017-10-13 17:23:46 · 1607 阅读 · 0 评论 -
CSS | css类选择器中的空格
导读:有时候遇到css类选择器中间没有空格的,应用两个类样式都有效果,但是加个空格在类选择器中间,有的样式就没有效果了,这是为什么呢??无空格.m-nav.nav-expanded {} 这两个样式同级,class中同时有.m-nav和.nav-expanded才能应用到这个选择器中的样式//less.m-nav { &.nav-expanded {}}有空格.m-nav .nav-原创 2017-11-09 09:37:55 · 3577 阅读 · 0 评论 -
CSS | 布局模型
导读整理5种CSS布局模型:flow,float,layer(position,flex,grid)流动布局(flow)default,对于一个HTML网页,body元素下的任意元素,根据其先后顺序,组成了一个个上下关系。块状元素占据一行,内联元素从左到右排列。 栗子:流式布局div style="width: 100px;height:100px;border: solid 2原创 2018-06-05 16:28:20 · 227 阅读 · 0 评论