摘要:
在网页中,元素有三种布局模型:1、流动模型(Flow) 默认的2、浮动模型 (Float)3、层模型(Layer) 1、流动模型(Flow) 流动(Flow)模型是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征 阅读全文
摘要:
宽高width/height 在CSS中,可以对任何块级元素设置显式高度。 如果指定高度大于显示内容所需高度,多余的高度会产生一个视觉效果,就好像有额外的内边距一样; 如果指定高度小于显示内容所需高度,取决于overflow属性,需要滚动条需要设置为overflow:auto。 auto 宽高和ma 阅读全文
摘要:
一、盒子模型 标准盒子模型 从下图可以看到标准 w3c 盒子模型的范围包括 content、padding、border、margin,并且 content 部分不包含其他部分。 怪异盒子模型 从下图可以看到 ie 盒子模型的范围也包括 margin、border、padding、content,和 阅读全文
摘要:
颜色的应用主要分为前景色、背景色和透明三个部分。 一、前景色 color color前景色 值: <color> | inherit 初始值: 用户代理特定的值 应用于: 所有元素 继承性: 有 一般来说,前景是元素的文本,不过前景还包括元素周围的边框。有两种方式直接影响一个元素的前景色,可以使用c 阅读全文
摘要:
一、文本样式 首行缩进 text-indent 首行缩进是将段落的第一行缩进,这是常用的文本格式化效果。一般地,中文写作时开头空两格。[注意]该属性可以为负值;应用于: 块级元素(包括block和inline-block) 字间隔 word-spacing 字间隔是指单词间距,用来设置文字或单词之间 阅读全文
摘要:
一、字体属性 1.默认字体系列 chrome/opera:"宋体" firefox:"微软雅黑" safari/IE:Times,"宋体" 2.字体属性 字体类型 font-family 初始化时定义字体类型,如宋体 字体大小 font-size 应用于: 所有元素 继承性: 有 百分数: 相对于父 阅读全文
摘要:
样式表常用写法及特性(组合、继承、关联性、权值性、层叠性、重要性) 1.样式的组合:把具有相同声明定义的选择符组合在一起,并用逗号隔开。-例如:段落元素p、单元格元素td和类c1可以使用相同样式: p,td,.c1{font-size:12pt;font-family:黑体;color:red} 2 阅读全文
摘要:
1.类选择器 根据HTML标签的class属性选择样式应用的属性 .类值{ … } 2.ID选择器 根据HTML标签的ID属性选择样式应用的元素 #id值{ … } 3.标签选择器 根据HTML标签选择样式应用的属性 标签名{ … } 4.子选择器 .food>li{ border:1px soli 阅读全文
摘要:
CSS可算是网页设计的一个突破,它解决了网页界面排版的难题。可以这么说,HTML的Tag主要是定义网页的内容(Content),而CSS决定这些网页内容如何显示(Layout)。 Web早期,HTML是一种很有限的语言,这种语言不关心外观,它只是一种简洁的小型标记机制。 随着Mosaic网页浏览器的 阅读全文