摘要:
一、文字居中 1、水平方向居中: 2、垂直方向: ①:单行文本居中,行高等于盒子高↓ 完整代码、效果图 ↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ 阅读全文
摘要:
盒模型拓展 1、清除默认样式 很多标签都有一些默认的盒子样式。 比如:ul,li,ol,dl,dt,dd,p,div,body,h1等,都有默认的内外边距,需要清除。 ul,ol都有一个list-style列表样式的默认样式,需要清除。 a标签有默认的字体样式,下划线,字体颜色。 在做网页之前,第一 阅读全文
摘要:
外边距margin 外边距是盒子与盒子之间的距离,设置方法与内边距padding非常相似。 margin他是一个复合属性,有四个方向↓ 练习↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. 阅读全文
摘要:
边框border 盒子占有的最外层的区域,本身是一个复合属性。 1、按样式类型分类 分成:线的宽度、线的样式、线的颜色。 宽度:border-width 宽度及颜色的演示代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN 阅读全文
摘要:
padding内边距 位置在宽高和边距之间,上下左右四个方向都可以设置内边距。 单位:px padding:本身是同一个复合属性,单一属性是各个方向的内边距。 padding-left(左边距) padding-right(右边距) padding-top(上边距) padding-bottom(下 阅读全文
摘要:
盒模型 概述 盒模型:也叫框模型 一个盒子内容包含了五部分:宽度、高度、内边距、边框、外边距。 代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh 阅读全文
摘要:
1、font-style:字体样式 设置字体倾斜样式或者正常样式。 取值:normal(正常)、italic(斜体)、oblique(斜体) 代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. 阅读全文
摘要:
font-weight:字体加粗 属性值:数字、单词 数字:100,200……700。 数字400正常属性,代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/ 阅读全文
摘要:
1、颜色:color 色值:十六进制、RGB、rgba、颜色名。 十六进制写法↓ color:#ff0000;红色 实际中用工具吸取(fw,ps等) 颜色使用:背景色、边框色等。 2、字体:font-family 中文:微软雅黑、宋体。 英文:Aroal、Consola 书写方法↓ 3、字号:fon 阅读全文
摘要:
1、继承性 层叠式的第一个特性:继承性 继承性:给祖先设置属性,后代会继承祖先里的某些属性(并不是全部属性都继承过来) 代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x 阅读全文