- 博客(21)
- 收藏
- 关注
原创 列表用处大!代码优化!
无标题文档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 248
转载 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 261
原创 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 481
原创 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 208
转载 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 257
原创 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 277
原创 浮动与清浮动
浮动无标题文档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 192
原创 关于文字环绕图片的问题
代码:文字环绕图片p{width:300px;border:1px solid black;}img {float:left;} 文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa2222222222
2016-07-25 15:28:35 576
原创 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 318
原创 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 922
原创 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 218
原创 a标签
无标题文档/* link 未访问(默认)hover 鼠标悬停(鼠标划过)active 链接激活(鼠标按下)visited 访问过后(点击过后)IE6不支持a以外其它任何标签的伪类;IE6以上的浏览器支持所有标签的hover伪类; */a:link{ font-size:60px; text-decorati
2016-07-20 14:59:00 185
原创 html常见标签及选择符优先级
标签div 块img 图片(单标签)a 链接、下载、锚点h1-h6 标题p 段落strong 强调(粗体)em 强调(斜体)span 区分样式ul 无序列表ol
2016-07-19 16:20:21 2784
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人