您的位置：首页 > 其它

切图的一些笔记

2015-07-17 23:03 253 查看

数据列表用ul li,li后面一般都会跟a标签,一般留一个a标签（因为列表常常是可以点击的）

<ul>
<li>
<a href="http://banbang.cn/...">
<img src='http://banbang.cn/...'/>
<span>数据1</span>
</a>
<li>
<ul>

通常很多页面的头部，导航栏是相同的，这时候css单独列出一个文件，每个页面的其他部分的css直接写在当前页面style标签内（方便局部修改）

主要用class来修饰样式，但要做到不冗余，尽量在根标签定义一个class，直接跟类下面的标签进行修饰（这个看前来比较简洁，美观，方便后续人员进行数据绑定），如下

<html>
<head>
<style>
.mylist{...}
.mylist li{...}
.mylist li a{...}
.mylist li a img{...}
.mylist li a span{...}
</style>
<head>
<body>
<ul class="mylist">
<li>
<a href="http://banbang.cn/...">
<img src='http://banbang.cn/...'/>
<span>数据1</span>
</a>
<li>
<ul>
</body>
</html>

不推荐使用空格或，使用padding或margin解决

有特效的地方先用div标签，里头放一张图片，最好是固定div的大小

<br/>慎用，如果只是纯换行，使用块元素来做

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航