Coderwhyzsh

通过盒子模型，清清楚知道，大部分html标签是一个盒子。 通过CSS浮动，定位可以让每个盒子排列成为网页。 一个完整的网页，是标准流，浮动，定位一起完成布局的，每一个都有自己专门用法。 可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局。 可以让多个块级元素一行或…

1.浮动可以让多个盒子一行没有缝隙排列显示，经常是横向排列盒子. 2.定位则可以让盒子在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。 定位：将盒子定在某一位置，所以定位也是在摆放盒子，将按照定位的方式移动盒子。‘ 定位=定位模式+边移量。 边偏移就是定位的盒…

第一准则：先用标准的父元素排列上下位置，之后内部子元素采取浮动排列左右位置。 第二准则：先设置盒子大小，之后再设置盒子的位置。 二、一个元素浮动了，理论上其余兄弟元素也要浮动。** 浮动的盒子只会影响浮动盒子后面的标准流不会影响前面的标准流。 1.额外标签法也称为隔墙法，是W3…

在CSS中，新增了圆角边框样式，这样我们盒子就可以变圆角了。 radius半径（圆的半径）原理：椭圆与边框的交集形成圆的效果。 如果是正方形想要设置为一个圆，把数值修改为高度或者宽度的一半即可。或者直接写为50% 如果是个矩形，设置为高度的一半就可以做。 属性值右一个则分开写：…

页面布局三大核心：盒子模型，浮动，定位。学好盒子模型能非常好的帮助我们在布局页面。 1.先准备好相关的网页元素，网页元素基本都是盒子Box. 2.利用CSS设置好盒子样式，然后摆放到相应的位置。 也就是盛装内容的容器，css盒子模型本质上是一个盒子。封装周围的html元素 它包…

相同选择器设置相同的样式，此时一个样式会覆盖另一个冲突的样式，层叠性主要解决样式冲突的问题。 1.权重是有4组数字组成，但是不会有进位。 2.可以理解为类选择器永远大于元素选择器，id选择器用于大于类选择器，以此类推。 3.等级判断从左到右，如果第一位数值相同，则判断下一位数。…

通过css背景属性，可以给页面元素添加页面背景样式。 背景属性可以设置背景颜色，背景图片，背景平铺，背景图片位置，背景图像定位等。 参数代表的意思是，X坐标和Y坐标，可以使用方位名词或精确单位。 如果指定了一个方位名词，另一个值省略，则第二个人默认居中对齐。 2.如果参数是精确…

标签是最典型的块元素。 比较霸道，自己独自一行。 高度，宽度，外边距以及内边距都可以控制。 、、、、、,其中是典型的行内元素，有的地方也将行内元素称为内联元素。 相邻行内元素在一行上，一行可以显示多个。 高宽直接设置是无效的。 特殊情况 里面可以放块级元素，但是给转换一下块级模…

后代选择器又叫包含选择器，可以选择父元素里面子元素，其写法就是把外层标签，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，当标签发生嵌套时，内层标签就写成外层标签的后代。 元素1和元素2中间用空格隔开。 元素2可以是子代，也可以是孙子等，只要是元素1的后代即…