使用HTML开发商业网站
布局及常用属性
布局概述
为什么要应用布局？
布局概述
阅读报纸时会发现，虽然报纸中的内容很多，但
是经过合理地排版，版面依然清晰、易读。
1.确定版心
什么是版心？以某教育网站首页为例：
布局概述
布局概述
2.分析页面中的模块
布局概述
3.控制网页的各个模块
布局常用属性
应用排列
图文排列
论坛分享
布局常用属性
什么是浮动？
布局常用属性
布局常用属性
属性值
描述
left
元素向左浮动
right
元素向右浮动
none
元素不浮动（默认值）
布局常用属性
为什么要清除浮动？
布局常用属性
布局常用属性
如何清除浮动？
布局常用属性
运用clear属性清除浮动
属性值
描述
left
不允许左侧有浮动元素（清除左侧浮动的影响）
right
不允许右侧有浮动元素（清除右侧浮动的影响）
both
同时清除左右两侧浮动的影响
常用属性值
布局常用属性
布局常用属性
空标签
overflow
after伪对象
在浮动元素之后添加空标签，并对该标签应用“clear:both”样式，可清除浮动。这个空标签可以为
、
等任何标签。 “
、
等任何标签。 “
2022-07-11 13:05:19
3.72MB
史上最全，精心收集各种参考手册（java，php, css,jsp,c,ajax,jQuery, mysql w3school,python），每个版本都有比如： css2,css3...php4,php5,...
快来下载吧，他将伴你一生，开发过程中不可缺少的参考资料哦。。。
2022-07-10 20:18:29
51.01MB
1
使用HTML开发商业网站
CSS控制视频的高度
CSS控制视频的宽高
注意：
通过width和height属性来缩放视频，这样的视频即使在页面上看起来很小，但它的原始大小依然没变，因此在实际工作中要运用视频处理软件（如“格式工厂”）对视频进行压缩。
谢谢大家
2022-07-10 14:07:29
145KB
使用HTML开发商业网站
布局其他属性
布局其他属性
overflow属性可以解决溢出问题，其基本语法格式如下：
选择器{overflow:属性值;}
overflow属性的常用值有四个，具体如下表所示。
属性值
描述
visible
内容不会被修剪，会呈现在元素框之外（默认值）
hidden
溢出内容会被修剪，并且被修剪的内容是不可见的
auto
在需要时产生滚动条，即自适应所要显示的内容
scroll
溢出内容会被修剪，且浏览器会始终显示滚动条
布局其他属性
谢谢大家
2022-07-10 14:07:27
209KB
使用HTML开发商业网站
CSS控制单元格宽和高
CSS控制表格样式
除了表格标签自带的属性外，还可用CSS的边框、宽高、颜色等来控制表格样式。此外，CSS中还提供了表格专用属性，以便控制表格样式。
本节将从边框、边距和宽高三个方面，详细讲解CSS控制表格样式的具体方法。
CSS控制表格样式
td{
width:20px;
Height:20px;
}
1. 单元格的宽度和高度，有着和其它元素不同的特性，主要表现在单元格之间的互相影响上。
2. 对同一行中的单元格定义不同的高度，或对同一列中的单元格定义不同的宽度时，最终的宽度或高度将取其中的较大者。
谢谢大家
2022-07-10 14:07:20
301KB
使用HTML开发商业网站
元 素 的 类 型 和 转 换
元素的类型和转换
在使用这些标签的时候，我们会发现有些标签可以设置宽度和高度属性（如p标签），有些标签则不可以（如strong标签）。这是因为标签有着特定的类型，不同类型的标签可以设置的属性也不同。
本节将详细讲解标签元素的类型和装换方法。
元素的类型和转换
在页面中以区域块的形式出现。
每个块元素通常都会独自占据一整行或多整行。
可以对其设置宽度、高度、对齐等属性。
不占有独立的区域。
仅仅靠自身的字体大小和图像尺寸来支撑结构。
一般不可以设置宽度、高度、对齐等属性。
元素的类型和转换
-
常见的块元素
-
其中标签是最典型的块元素。 元素的类型和转换 常见的行内元素 其中标签最典型的行内元素。 元素的类型和转换 元素的类型和转换 元素的类型和转换 谢谢大家2022-07-10 14:07:19 331KB
—
使用HTML开发商业网站
CSS控制单元格边距
CSS控制表格样式
除了表格标签自带的属性外，还可用CSS的边框、宽高、颜色等来控制表格样式。此外，CSS中还提供了表格专用属性，以便控制表格样式。
本节将从边框、边距和宽高三个方面，详细讲解CSS控制表格样式的具体方法。
CSS控制表格样式
th,td{
border:1px solid #30F; /*为单元格单独设置边框*/
padding:20px; /*为单元格内容与边框设置20px的内边距*/
margin:20px; /*为单元格与单元格边框之间设置20px的外边距*/
}
CSS控制表格样式
学习CSS控制单元格边距时需要注意以下几点：
行标签无内边距属性padding和外边距属性margin。
外边距属性margin对单元格无效，要想设置相邻单元格边框之间的距离，只能对标签应用HTML标签属性cellspacing。
A
B
谢谢大家