css学习笔记一_html/css_WEB-ITnose
程序员文章站
2022-05-23 19:02:40
...
1、在css开头用* {margin:0;padding:0;}可以清除所有样式
2、在css中table,th,td {padding:0;}效果等同于cellpadding="0″.
3、在css中table {border-spacing: 0;}效果等同于cellspacing="0".
但是在IE6中不支持,故使用类似的table{border-collapse: collapse;}。注意:只是类似。
4、在用table拼接切片图片的时候,以下css可以解决图片间隙问题
table{width: 990px;height: 100%;line-height: 0;border-collapse: collapse;/*等同于cellspacing="0"*/padding:0;border:0;}th,td { padding: 0; }
5、若是用div拼接图片,可以使用div {vertical-align:top;outline-width:0;}解决上下间隙问题
6、子元素使用margin-top时,父元素背景图片下沉,可以使用以下方法解决。
(1)、给父元素的添加padding-top: 1px;
(2)、给子元素添加float属性
(3)、父元素添加position:relative;子元素添加position:absolute;
(4)、父元素添加border-top: 1px solid #fff;
上一篇: smarty自定义实现局部不缓存有关问题
推荐阅读
-
html5中的一些标签学习(心得)
-
前端笔记之微信小程序(一)初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR
-
C#Web应用程序入门经典学习笔记之一
-
html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
-
Python学习笔记(一)(基础入门之环境搭建)
-
python网络编程学习笔记(五):socket的一些补充
-
python网络编程学习笔记(七):HTML和XHTML解析(HTMLParser、BeautifulSoup)
-
python网络编程学习笔记(一)
-
学习WEB标准总结的一些CSS/XHTML知识小结第1/3页
-
html5+css3实现一款注册表单实例