在看过CSS导航案例的前提下,将本节课写为HTML和CSS两个部分

Original 2019-04-13 12:56:03 231
abstract:HTML:<!DOCTYPE html><html lang="zh"><head><link rel="stylesheet" type="text/css" href="CSS浮动.CSS"><title>CSS浮动</title></h

HTML:

<!DOCTYPE html>

<html lang="zh">

<head>

<link rel="stylesheet" type="text/css" href="CSS浮动.CSS">

<title>CSS浮动</title>

</head>

<body>

<ul>

<li>第一列</li>

<li>第二列</li>

<li>第三列</li>

<li>第四列</li>

<li>第五列</li>

</ul>

<div class="clear"></div>

<div class="box-1">一</div>

<div class="box-1">二</div>

<div class="box-1">三</div>

</body>

</html>


CSS:


*{margin: 0px 0px;}

a{text-decoration: none;color: rgb(0,0,0); font-size: 13px}

li{list-style: none;float: left;background-color:rgba(39, 199, 228, 0.658);margin: 0px 10px;}

.clear{clear: both;}

.box-1{background-color: rgba(121, 224, 36, 0.774);width: 100px;height: 100px; font-size: 14px; float: right;}



小结:

有点儿不明白,HTML中的head属性具体写的是什么,也不知道应该什么

Correcting teacher:天蓬老师Correction time:2019-04-13 16:43:35
Teacher's summary:<head>中主要是一些元数据 , 其实就是页面的描述信息, 例如页面标题, 页面描述, 默认编码等, 这些信息用户并不感兴趣, 也不需要知道 , 都是给浏览器, 或者搜索引擎看的....

Release Notes

Popular Entries