Raquel1993-CSDN博客

原创列表用处大！代码优化！

无标题文档body,ul{margin:0;padding:0;}li{ list-style:none;}.list{width:500px;padding:10px;background:#ccc; margin:0 auto;}.list li{padding:5px 0;height:17px;font-size:0;}.list span{float:left;height:

2016-07-26 17:26:47 245

转载 css清除浮动float的三种方法总结。为什么清浮动？浮动会有那些影响？

知识点补充转载自：http://my.oschina.net/leipeng/blog/221125一、抛一块问题砖（display： block）先看现象：分析HTML代码结构：div class="outer"> div class="div1">1div> div class="div2">2div> div class="div3">3d

2016-07-26 12:53:42 255

原创 1-4-3代码实例（顺时针div环绕）

注意：父集有属性的赋值，子集在同一属性上新赋值无效，尤其注意.clear问题。可选择赋值在子集上。浮动元素下新起一行要先清浮动。父集无高度，清最下面div（需要全部包裹div，当然着眼于最下面）的浮动才能实现包裹。 Document .box{width: 400px;border:1px solid black;margin: 0px auto;} .b

2016-07-26 12:38:40 469

原创 1-4-2实例代码

congratulation！速度越来越快了！ Document .box{width: 520px;height:169px;background-color: grey;margin: 0 auto;padding-top: 15px;} .left{float: left;} .left div{width: 300px;margin-left: 10px;he

2016-07-26 10:26:39 203

转载 DIV+CSS布局

转载请标明：http://www.kwstu.com/ArticleView/divcss_2013929173533658关于DIV+CSS布局中用到的CSS必备知识请看：http://www.kwstu.com/ArticleView/divcss_201442291125960目录：1、Div+Css布局教程（-）CSS必备知识注：本教程要求对html和css

2016-07-26 09:57:23 246

原创 1-4-1浮动代码实例

Document .mtr{width: 503px;height: 402px;border: 10px solid grey;margin: 0 auto;} .left{background-color: green;width: 200px;height: 402px;float:left;} .right{width: 303px;float: right;} .top{hei

2016-07-25 22:37:55 272

原创浮动与清浮动

浮动无标题文档body{margin:0;}.box{width:900px;margin:0 auto;}.left{width:300px;float:left;}.left div{height:298px; background:#9F0;border:1px solid #fff;}.center{width:300px;float:left;

2016-07-25 20:25:40 190

原创关于文字环绕图片的问题

代码：文字环绕图片p{width:300px;border:1px solid black;}img {float:left;} 文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa2222222222

2016-07-25 15:28:35 565

原创 1-3-1页面布局实例

tips：1.先布局后CSS样式2.display以后vertical-align属性调整

2016-07-25 14:38:19 1405

原创 1-1-3html实例代码

Document #box{ width: 500px;height: 500px; border: grey 1px solid; background: url(11.gif); margin: 100px auto; background-repeat: no-repeat; background-position: center 50px; backgrou

2016-07-23 21:43:03 309

原创 1-1-1html实例代码

Document#n1{width:405px;height:405px;border: 1px dashed black;margin:100px auto;}#n2{ width: 340px; height: 340px; border: 6px solid blue; margin: 29px auto; background: green;} #n3{ w

2016-07-23 21:27:52 898

原创 1-1-2html实例代码

Document .box{ width:290px;height: 104px; background: black; margin: 49px auto; padding-top: 10px; padding-left: 10px; } .xian1{ height: 32px;width: 279px; border-top: 1px dashed whi

2016-07-23 21:09:09 210

原创 a标签

无标题文档/* link 未访问（默认）hover 鼠标悬停（鼠标划过）active 链接激活（鼠标按下）visited 访问过后（点击过后）IE6不支持a以外其它任何标签的伪类；IE6以上的浏览器支持所有标签的hover伪类； */a:link{ font-size:60px; text-decorati

2016-07-20 14:59:00 181