1. CSS 盒子模型 大体包含:margin、padding、border、content。 官网的解释： 在一个文档中，每个元素都被表示为一个矩形的盒子。确定这些盒子的尺寸, 属性 像它的颜色，背景，边框方面 和位置是渲染引擎的目标。 在CSS中，使用标准盒模型描述这些矩形盒子中的每一个。这个模 ...
分类：
其他好文 时间：
2019-12-24 18:11:05
阅读次数：
113
div水平居中 1.行内元素 .parent{ text align: center } 2.块级元素 .son{ margin: 0 auto ; } 3.flex布局 .parent{ display: flex; justify content: center } 4.绝对定位 定宽 .son ...
分类：
Web程序 时间：
2019-12-23 16:38:26
阅读次数：
91
共有三大体系：常规流（normal flow） 浮动（float） 绝对定位（absolute position） 常规流：在没有css的干预下，块级元素独占一行，宽高可设；行内元素并排显示，宽高自动。 当元素浮动后，脱离文档流。因为子级元素浮动后导致父级高度坍塌。 浮动：1.左浮动的元素向上向左排 ...
分类：
其他好文 时间：
2019-12-21 20:56:51
阅读次数：
70
html代码： 1.浮动+margin 2.绝对定位 缺点: 使用了绝对定位，若是用在某个div中，需要更改父容器的position。 没有清除浮动的方法，若左侧盒子高于右侧盒子，就会超出父容器的高度。因此只能通过设置父容器的min height来放置这种情况。 3.float+calc()函数 4 ...
分类：
Web程序 时间：
2019-12-21 13:24:27
阅读次数：
168
定位 相对定位 书写格式：position: relative ; left: xx px; top: xx px; 绝对定位:脱离文档流；默认的(0,0)点在body的左上角； 书写格式：position:absolute; left: xx px; top: xx px; 注意：绝对定位元素以包 ...
分类：
其他好文 时间：
2019-12-16 22:10:03
阅读次数：
86
什么是 BFC 在一个Web页面的CSS渲染中，块级格式化上下文 (Block Fromatting Context)是按照块级盒子布局的。W3C对BFC的定义如下：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-capti ...
分类：
Web程序 时间：
2019-12-13 23:54:28
阅读次数：
168
课程总结 大二第一个学期已经结束了，在此对本学期进行一个总结，本学期从对Java一无所知到表面理解，其中也是花了不少时间的，但也仅仅是表面上的了解，去年的c语言到今年的java这更加是我们对学习的一个丰富化，对知识的了解更多了，在以后的学习日子里，我会更加的对知识基础进行巩固。 一、Java基础程序 ...
分类：
其他好文 时间：
2019-12-13 20:02:27
阅读次数：
82
要效果图如下： 实现原理：其实很简单，就是中间的圆圈定位在中间，其他的6个圆圈，进行不同的绝对定位，然后进行旋转！代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS实现的旋转的花朵</title> ...
分类：
Web程序 时间：
2019-12-13 17:59:53
阅读次数：
156
clip 语法： clip：auto | <shape> <shape>：rect(<number>|auto <number>|auto <number>|auto <number>|auto) 默认值：auto 适用于：绝对定位元素 继承性：无 动画性：当值为<shape>时 计算值：指定的值直 ...
分类：
其他好文 时间：
2019-12-12 18:24:37
阅读次数：
140
虽然使用绝对定位可以实现页面布局，但由于调整某个盒子模型时其他盒子模型的位置并不会跟着改变，所以并不是布局的首选方式。而使用浮动的盒子模型可以向左或向右移动，直到它的外边缘碰到包含它的盒子模型边框或另一个浮动盒子模型的边框为止。并且由于浮动的盒子模型不在文档的普通流中，所以文档的普通流中的盒子模型表 ...
分类：
Web程序 时间：
2019-12-11 09:30:40
阅读次数：
119
