java 发表于 2017-3-21 19:40:45

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css引用方法实例-www.divcss5.com测试实例</title>
<style type="text/css">
<!--
.ceshi {font-size:14px; color:#FF0000;}/*这里是设置CSS的样式内容*/
-->
</style>
</head>

<body>
<div class="ceshi">我是div css测试内容www.divcss5.com支持</div>

</body>
</html>

linux 发表于 2017-4-6 10:14:31

流式布局

流式布局是html最初的设计目的
对html影响深远
从上到下
从左到右
绕过悬浮
float: left/right
clear: both(left/right)


块式布局

display:...
margin, padding, border
box-sizing
border-radius
制作一个按钮

绝对布局
position
fixed
absolute
relative
z-index

表格布局
table
thead
th
tbody
th
td
表格定位的最大优势在于后续行会对当前行产生影响,进而可以对其内容

状态选择

:hover :focus
:visited :active
:disabled
状态选择可以路径选择组合,产生高级功能,例如悬浮菜单
页: [1]
查看完整版本: html