HTML和CSS 入门系列（二）：文字、表单、表格、浮动、定位、框架布局、SEO
上一篇：HTML和CSS 入门系列（一）：超链接、选择器、颜色、盒模式、DIV布局、图片
一、文字
1.1 属性
1.2 字体样式：font-family
1.3 字体大小：font-size
1.4 字体粗细：font-weight
1.5 字体风格：font-style
1.6 行高：line-height
二、表单
点击文字自动关联：
三、表格
四、浮动
4.1 清除浮动
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<style type="text/css">
.d-parent{
border: 10px solid green;
width: 540px;
}
.d-float{
float: left;
border: 10px dotted orange;
margin: 10px;
padding: 10px;
width: 120px;
}
.clear{
clear: both;
}
</style>
</head>
<body>
<h1>清除浮动</h1>
<div class="d-parent">
<div class="d-float">d-float：现在 .d-float标签的高度是120px，但是有时候，我们不想明确指定浮动元素的高度，想让它们的内容决定它们的高度。</div>
<div class="d-float">d-float</div>
<div class="d-float">d-float</div>
<div class="clear"></div>
</div>
</body>
</html>overflow: hidden; 多余的文字会被隐藏
五、定位
透明度：a: 0 ~ 1
background-color: rgba(138, 32, 10, 0.75);
div居中显示：
margin: 0 auto
堆叠顺序：
z-index 可用于将在一个元素放置于另一元素之后。
六、HTML框架布局
6.1 垂直布局
6.2 水平布局
6.3 内联框架：iframe标签
七、搜索引擎优化
下一篇：HTML5和CSS3系列（三）：变化元素、新增标签、多媒体、新增表单、全局属性
相关推荐
FrederickBala 2020-02-22
unit00 2020-02-21
FrederickBala 2020-01-31
neweastsun 2019-11-26
zuncle 2019-11-25
songxiugongwang 2019-10-31
苗疆三刀的随手记 2019-04-23
royrui 2012-08-20
qinbiao00 2015-06-17
heshizui 2012-11-16
fish 2013-06-26
开心就好 2012-02-21
markzl 2010-05-26
F1 显示当前程序或者windows的帮助内容。F2 当你选中一个文件的话，这意味着“重命名”。F10或ALT 激活当前程序的菜单栏。windows键或CTRL+ESC 打开开始菜单。CTRL+ALT
WuTongCLKIP 2009-06-11
Cocotwp 2019-07-04
huangsusan 2019-07-01
youandme 2019-07-01
88570299 2019-07-01