摘要：
浮动 浮动：float 漂流的意思。 作用：让元素以某一方向并排排列。 浮动的特殊效果：元素脱离标准流，既可以设置宽高，又可以一行排列。 属性值：left，right 左浮动：float: left; 从第一个元素依次去贴父元素的左侧边。代码↓ <!DOCTYPE html PUBLIC "-//W 阅读全文
posted @ 2019-07-20 10:00
steven丶syw
阅读(317)
评论(0)
推荐(0)
摘要：
标准文档流 常用的Word文档就是一个经典的标准文档流，内容必须是从上往下，从左往右书写的，有一个光标控制，前面的大小或者内容发生变化，后面的内容会跟着发生一些位置变化。 制作的html网页就是一个标准文档流。 1、从微观上有特殊的性质 1）html文本之间有空白折叠现象。 2）文字、图片、表单元素 阅读全文
posted @ 2019-07-18 11:58
steven丶syw
阅读(715)
评论(0)
推荐(0)
摘要：
父子盒模型 子盒子的整体占位不能超过父盒子的内容区域 父盒子的内容区域宽度≥子盒子width+padding*2+border*2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR 阅读全文
posted @ 2019-07-18 10:12
steven丶syw
阅读(598)
评论(0)
推荐(0)
摘要：
一、文字居中 1、水平方向居中: 2、垂直方向: ①:单行文本居中，行高等于盒子高↓ 完整代码、效果图 ↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ 阅读全文
posted @ 2019-07-15 10:26
steven丶syw
阅读(521)
评论(0)
推荐(0)
摘要：
盒模型拓展 1、清除默认样式 很多标签都有一些默认的盒子样式。 比如：ul,li,ol,dl,dt,dd,p,div,body,h1等，都有默认的内外边距，需要清除。 ul，ol都有一个list-style列表样式的默认样式，需要清除。 a标签有默认的字体样式，下划线，字体颜色。 在做网页之前，第一 阅读全文
posted @ 2019-07-12 10:27
steven丶syw
阅读(283)
评论(0)
推荐(0)
摘要：
外边距margin 外边距是盒子与盒子之间的距离，设置方法与内边距padding非常相似。 margin他是一个复合属性，有四个方向↓ 练习↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. 阅读全文
posted @ 2019-07-11 11:08
steven丶syw
阅读(460)
评论(0)
推荐(0)
摘要：
边框border 盒子占有的最外层的区域，本身是一个复合属性。 1、按样式类型分类 分成:线的宽度、线的样式、线的颜色。 宽度:border-width 宽度及颜色的演示代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN 阅读全文
posted @ 2019-06-26 15:44
steven丶syw
阅读(667)
评论(0)
推荐(0)
摘要：
padding内边距 位置在宽高和边距之间，上下左右四个方向都可以设置内边距。 单位:px padding:本身是同一个复合属性，单一属性是各个方向的内边距。 padding-left(左边距) padding-right(右边距) padding-top(上边距) padding-bottom(下 阅读全文
posted @ 2019-06-20 15:28
steven丶syw
阅读(713)
评论(0)
推荐(0)
摘要：
盒模型 概述 盒模型:也叫框模型 一个盒子内容包含了五部分:宽度、高度、内边距、边框、外边距。 代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh 阅读全文
posted @ 2019-06-18 15:33
steven丶syw
阅读(458)
评论(0)
推荐(0)
摘要：
1、font-style:字体样式 设置字体倾斜样式或者正常样式。 取值:normal(正常)、italic(斜体)、oblique(斜体) 代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. 阅读全文
posted @ 2019-06-17 23:19
steven丶syw
阅读(1931)
评论(0)
推荐(0)
浙公网安备 33010602011771号