摘要：
三个css选择器:id选择器#test1{ }、class选择器.test2{ }、标签选择器div{ }对三个div:<div>我是普通div</div>、<div id="test1">我是#test1</div>、<div class="test2">我是class</div>的影响，它们三个 阅读全文
posted @ 2016-07-23 12:42
匿名的girl
阅读(255)
评论(0)
推荐(0)
摘要：
background:pink;图片在背景图上面 background-image:url(food.jpg);一张图片铺满一行background-repeat:repeat-x;同一张图片多张铺满横向 background-repeat:repeat-y;同一张图片多张铺满纵向 backgrou 阅读全文
posted @ 2016-07-19 23:09
匿名的girl
阅读(2602)
评论(0)
推荐(0)
摘要：
字体：font-style：italic；斜体 font-weight：bold；加粗 font-size：30px；大小 line-height：30px；行高 font-family：“SimHei”；字体 以上必须按顺序来，有些可以不写； 分开写和一行控制： 注： font-size与 lin 阅读全文
posted @ 2016-07-19 19:39
匿名的girl
阅读(68626)
评论(0)
推荐(0)
摘要：
<p></p>标签：一段话或者段落适宜于用p标签； 段落缩进：text-indent：50px； 文字方向：text-align：center居中、left往左显示、right往右显示； 文本装饰线：text-decoration：underline下划线、overline上划线、linethoug 阅读全文
posted @ 2016-07-18 20:55
匿名的girl
阅读(518)
评论(0)
推荐(0)
摘要：
div与span对文字的控制，div可设置宽高，而span不可以，文字多大就多大； div转换为span：display：inline；去掉设置的宽高，因为没有用； span转换为div：display：block；设置宽高 <style>div{ background:red; height:20 阅读全文
posted @ 2016-07-18 20:24
匿名的girl
阅读(206)
评论(0)
推荐(0)
摘要：
其实在网页中有看不见的基线，就像作业本上面的一行一行的线，但是我们看不见。 div是块状元素，独占一行，用div控制文字的颜色会使得文字换行，使用float可以改善，但是它不会浮在相应的位置； <style>#test1{ color:red; float:left; }#test2{ color: 阅读全文
posted @ 2016-07-18 19:58
匿名的girl
阅读(238)
评论(0)
推荐(0)
摘要：
上下相邻的（算一种兄弟关系）普通元素，上下边距并非简单的相加，而是取其中最大的边距值；而浮动的盒子边距是相加的；父子div也会发生重叠，并不是bug； <style>#test1{ width:1000px; height:100px; background:blue; margin-bottom: 阅读全文
posted @ 2016-07-14 22:34
匿名的girl
阅读(446)
评论(0)
推荐(0)
摘要：
一个盒子，在加了padding、border、margin之后，它实际的大小: 竖直方向：height+padding-top+padding-bottom+border-top+border-bottom+margin-top+margin-bottom; 水平方向：width+padding-l 阅读全文
posted @ 2016-07-14 17:02
匿名的girl
阅读(171)
评论(0)
推荐(0)
摘要：
突然增加padding会使盒子变大，所以要按实际情况做调整。 没有写padding的时候： <style>div{ background:gray;}</style></head><body><div> 有一首诗最为动人，那就是青春；有一段人生最美丽， 那就是青春；有一道风景最为亮丽，那就是青春。 阅读全文
posted @ 2016-07-14 16:49
匿名的girl
阅读(185)
评论(0)
推荐(0)
摘要：
三要素：宽border-width，形状border-style，颜色border-color <style> div{ width:300px; height:300px; background:blue; border:50px solid green; }</style><body> <div 阅读全文
posted @ 2016-07-14 10:42
匿名的girl
阅读(186)
评论(0)
推荐(0)
浙公网安备 33010602011771号