发表于： 2016-02-25 00:15:34
2 1903
今天完成的事情：做九宫格，失败，网上找到居中正方形尝试了解明白各个代码的问题.
<!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 charset="utf-8">
<!--页首名称-->
<title>square at center</title>
<!--内嵌式引入CSS-->
<style type="text/css">
#square{ (#square id选择器与.square 类别选择器)
position:absolute; (square的属性以及属性值构成的样式声明:居中
top:50%; 存疑
left:50%; 存疑
margin-top:-50px; 外边距-上:-50像素?
margin-left:-50px; 外边距-左:-50像素?
width:100px; 宽:100像素
height:100px; 高:100像素
background-color:red; 背景颜色:红)
}
</style>
</head>
<body>
<div id="square"> (定义id选择器)
</div>
</body>
</html>
明天计划的事情：加快速度完成工作,希望能抽出时间继续学习,晚上多学一会儿,再次尝试制作九宫格
遇到的问题：网页上中文是乱码，做出的九宫格是一条线. 时间有点不够用,每天晚上4个小时感觉时间不够用,晚点睡吧先.......
收获：加上<meta charset="utf-8" />后中文可以正常显示。
* { padding:0; margin:0;}css的初始化。
meta是html中的元标签，其中包含了对应html的相关信息，客户端浏览器或服务器端的程序会根据这些信息进行处理。
HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。
content（内容类型）：重要！！这个网页的格式是文本的，网页模式
position: absolute; 水平居中。
#+任意.id选择器
div id="任意“ 定义，
类别选择器可对多元素定义，id选择器只对一个元素定义，若对多元素定义容易造成js无法正常控制网页。
返回列表
评论