对于div我的个人理解是把一个页面划块,就是贴上一层纸作为模板真正做的是div块结构,把页面划分很多块后再用css装饰页面,相对来说就是以前的table来说方便好用;
css(选择器,属性,值)3种引入方式:(符号选择器,类选择器,id选择器)
1.body内
<标签 style="font-size:10pt">// 内嵌
2.head内
stytle
1.标签{ 属性:值};// 符号选择器
2. “#” id名字{属性:值};// id选择器
3. dian名字{属性:值}// 类选择器
/stytle
body中调用:
2<标签 id = “id名字”>
3 <标签 class=“名字”>
3.外文件:
style type="text/css">
@import
url (h3.css);
style
ul li 标签里的文字在div里面溢出的原因:
因为ul和li是有默认边框的,而div也有长度和宽度,不合理设置的话li内的文字是会出现在div和外部之间或者下面的解决办法吧ul的
ul{
list-style-position:inside;
list-style-type:square;
margin: 0;//
边框设置为零
padding:0; //
装垫设置为零
}
常见的属性作用:
1.将文字图像想左或右靠齐:align=“right”;
2.背景颜色 blackground=red;
3.空格 ;
常规div属性设置:
#divcenter5{
position:absolute;//
相对父类页面绝对定位
border-style:none;//边框样式;
background:yellow;背景颜色
width:440px;//宽度
height: 265px;//长度
top:779px;//距离div顶部距离
left:760px;//距离div左部距离
}
css(选择器,属性,值)3种引入方式:(符号选择器,类选择器,id选择器)
1.body内
<标签 style="font-size:10pt">// 内嵌
2.head内
主要有三种
stytle
1.标签{ 属性:值};// 符号选择器
2. “#” id名字{属性:值};// id选择器
3. dian名字{属性:值}// 类选择器
/stytle
body中调用:
2<标签 id = “id名字”>
3 <标签 class=“名字”>
3.外文件:
style type="text/css">
@import
style
ul li 标签里的文字在div里面溢出的原因:
因为ul和li是有默认边框的,而div也有长度和宽度,不合理设置的话li内的文字是会出现在div和外部之间或者下面的解决办法吧ul的
ul{
常见的属性作用:
1.将文字图像想左或右靠齐:align=“right”;
2.背景颜色 blackground=red;
3.空格
常规div属性设置: