上一篇: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 可用于将在一个元素放置于另一元素之后。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。