笔记|笔记 | PHP 2012 | css的引入 | css 选择器 | css 初始化
理解
在管理元素之前, 需要先找到它们
选择器就是 css 找到元素的方法
[复习]引入css或.css文件的方法
- 直接写在head区中用标签包起来
- @import
...
/* 直接写在head中 */
#container{
width: 1002px;
}/* link 引入 */
理解
在管理元素之前, 需要先找到它们
选择器就是 css 找到元素的方法
[复习]引入css或.css文件的方法
...
/* 直接写在head中 */
#container{
width: 1002px;
}/* link 引入 */
@import url("./ind.css")/* 在.css文件中引入.css文件 */
#id{} 来选中此元素, 并控制
#header{
width:8px;
...
}......※ 为什么默认一个 div 的 margin,padding 全为0,但是 div 和浏览器还有空隙?因为浏览器会为页面部分元素(body,ul,li 等)的 margin,padding,border预设一些值,且各个浏览器预设值不一定相同.CLASSNAME{
margin: 0 auto;
}
.stu{
background: yellow;
}......*{
margin: 0;
border: 0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #555;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
td,th,caption {
font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
a {
color: #555;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border: none;
}
ol, ul, li {
list-style: none;
}
input, textarea, select, button {
font: 14px Verdana, Helvetica, Arial, sans-serif;
}
table {
border-collapse: collapse;
}
html {
overflow-y: scroll;
}
.clearfix: after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1;
}
body{
background: #FFF;
}
img{
width: 600px;
height: 400px;
}
#foo, .stu{
margin: 5px 0;
}
#header img{
width: 600px;
height: 400px;
}
a:link {// 链接没有被点击过, 可不写
underline: none
}
a:visited { }// 链接被点击过
a:hover { }// 鼠标(悬)放在链接上
a:active { }// 鼠标点击的瞬间
2012_d1_①_003-2 007 012 015 023
