Happy Boy
flex布局 flex布局
flex布局 一、使用注意 将元素display声明为flex,该元素将成为flex布局的父元素,下一级的直系子元素将成为flex子项 flex容器内元素,即flex item的float,clear、vertical-align属性
2020-07-08
DIV+CSS布局 DIV+CSS布局
DIV+CSS布局 一、DIV结构 │body {} /* 这是一个HTML元素 */ └#Container {} /* 页面层容器 */ ├#Header {} /* 页面头部 */ ├#MianBody {} /* 页面主体 *
2020-07-08
CSS布局模型详细介绍 CSS布局模型详细介绍
HTML中元素有三种布局模型:流动模型、浮动模型、层模型。 流动模型(flow) HTML网页默认布局就是流动模型,布局如下: 块级元素(block)自上而下垂直分布,因为块级元素默认宽度为浏览器窗口的100%,或者理解为每个块级元素默认占
2018-05-20
CSS样式之内容居中方法 CSS样式之内容居中方法
水平居中 HTML中要实现某一内容水平居中显示,要通过设置css样式来实现,主要分为行内元素和块状元素两种情况,块状元素又可分为块状定宽与块状不定宽两种情况,接下来依次介绍分析。 行内元素 像 a、span、i 这类元素叫做行内元素,文本和
2018-05-14
LESS从入门到精通 LESS从入门到精通
LESS 从入门到精通 一、LESS 是什么 LESS 是 CSS 预处理语言,是 CSS 的扩展。 然后说说比较流行的几款预编译器:SASS/SCSS、LESS、Stylus。 SASS 学习网站: https://www.sass.h
2018-04-17
CSS选择符的权重 CSS选择符的权重
CSS选择符的权重 目录 css选择符权重 css选择器权重列表 CSS选择符冲突处理 css选择符权重 css选择器权重列表 选择器 权重 内联样式 1000 ID 0100 CLASS 0010 属性选
2018-02-13
1ink与@import的区别 1ink与@import的区别
1ink与@import的区别 目录 1ink与@import的区别 差别1:归属关系的差别 差别2:加载顺序的差别 差别3:兼容性的差别 差别4:使用dom控制样式时的差别 1ink与@import的区别 差别1
2018-02-13
有趣的list-style 有趣的list-style
有趣的list-style 目录 一、list-style-type 1、CSS2.0 2、CSS2.1 的值 二、list-style-position 1、书写格式 2、可能的值 三、list-style-i
2018-02-12