GalenGao

定义 文档流中：内联元素默认从左到右流，遇到阻碍或者宽度不够自动换行，继续按照从左到右的方式布局。块级元素单独占据一行，并按照从上到下的方式布局。 文档流布局 可由于块元素在文档流中都是从上向下排列，如果让其实现水平排序：可以利用display设置为inline就可以水平排列。另外也可以设置元素浮动即：设置float值，其设置有三个选项: none 默认按照文档流中进行排列,一般元素默认都是...

CSS盒子模型 内容区(Content) 内边距(Padding) padding内边距指的是盒子的内容区与盒子边框之间的距离，一共有四个方向的内边距 分别是padding-top、padding-left、padding-bottom、padding-right,需要注意的是内边距会影响盒子可见框的大小。 边框(Border) 为一个元素设置边框必须设置以下属性： 边框宽度 边...

简介 有时候会遇到多种选择器对同一元素进行属性设置，一般项目中也会见到这样的代码，如下所示： 那么问题来了，p元素标签是显示什么颜色呢？结果是红色，如果不对选择器优先级有个大致了解恐怕很难知道这个元素背景颜色究竟是哪一个。 选择器的优先级 内联样式 优先级 1000 id 选择器 优先级 100 类和伪类 优先级 10 元素选择器 优先级 1 通配* 优先级0 继承没有...

简介 最近工作中常常会与前端页面交互，掌握一定的前端知识还是必要的，而入门需要了解一下CSS选择器非常有必要。 基本CSS选择器 元素选择器 元素选择器就是标签选择器，作用是选中页面中所有相同的标签元素 html <div> <p> <span>我是p标签中的span</span> </p> ...