CSS
后端开发技术
健身菜鸟 新手码农
展开
-
CSS 文档流
文档流:将窗口自下而上分成一行一行,应在每行中按从左至右的依次排放元素,即为文档流有三种情况使得元素离开文档流而存在,分别是浮动 绝对布局 固定定位脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周原创 2016-09-10 10:32:52 · 265 阅读 · 0 评论 -
CSS 三列布局
1.普通三列布局二列布局body{ margin:0; padding:0; font-size:30px; font-weight:bold}div{ text-align:center; line-height:50px}.main{ width:960px; height:600px; margin:0 auto}.left{ width:300px; height:6原创 2016-09-10 10:34:19 · 383 阅读 · 0 评论 -
CSS 混合布局
混合布局body{ margin:0; padding:0; font-size:30px; font-weight:bold}div{ text-align:center; line-height:50px;}.top{ height:100px;background:#9CF}.head,.main{ width:960px; margin:0 auto;}.head{ heigh原创 2016-09-10 11:32:10 · 545 阅读 · 0 评论 -
HTML CSS相关知识点
1.W3C标准:由万维网联盟制定的一系列标准,包括:结构化标准语言(HTML和XML);表现标准语言(CSS);倡导结构、样式、行为分离2.CSS包括三种定位机制:标准文档流(Normal flow)、浮动定位(float)、绝对定位(Absolute positioning)。3.标准文档流特点:从上到下。从左到右,输出文档内容;由块级元素和行级元素组成。标准文档流的特点原创 2016-09-11 16:41:56 · 284 阅读 · 0 评论 -
盒子模型
(引用慕课网 我的学习笔记)原创 2016-09-11 23:13:42 · 256 阅读 · 0 评论 -
CSS 自动居中一列布局
(1)三个技能点:①标准文档流②块级元素③margin属性(实现网页自动居中布局的关键)2、居中设置:margin:0 auto;(1)auto:会根据浏览器的宽度自动的设置两边的外边距(2)原理:(浏览器的宽度-外包含层的宽度)/2=外边距(3)要求:不能再设浮动或绝对定位属性如果想让页面自动居中,当设置margin属性为auto的时候,不能再设置浮动(float原创 2016-09-15 19:36:16 · 986 阅读 · 0 评论