【简记】HTML + CSS 的一些要点（不定时更新）
2018-06-24 01:58:04来源：未知 阅读 ()
1.td占据多行 / 列时，其挤开的 td 不写（但是包裹 td 的 tr 要写）
2. display:td 的元素中的文本默认垂直不居中（table中的td中的文本是垂直居中的）
3.th虽然定义了表头标题，但是默认不跨行（需要跨行要用colspan）
4.text-indent可以继承
5.<form></form>是块元素
6.<table></table>是块元素，但宽度默认不为其父元素的 width100%
7.当td的宽度总合大于设定的table的宽度时，按table的宽度为准
8.<label for=“name”>文本A</label> 其中for的值可以为name名和id名，其中name名来自于<a name="我可以有名字" id=“也可以有ID哦”></a>标签，id名来源于所有标签（<div>我只有id，最好不要给我名字哦</div>）
9.<body></body>是个很奇怪的元素，其默认宽度为自适应，而给其加背景色后又是全屏显示！
10.单行文本垂直居中用 line-height，多行文本垂直居中用<span></span>包裹后，加样式 vertical-align：middle；
11.同级元素中 溢出的文字会造成挤压 ，溢出的图片和元素框不会挤压同级元素
12.width / height = 100% 当父元素未设置宽度时，就没有宽度（不会向上寻找祖先元素）
13.固定宽度 / 固定高度 的布局方式不会在页面被拉伸缩小时变形
14.文档加载和渲染都是从上至下进行的，所以CSS选择器没有向上选择（兄元素，父元素，祖先元素）
15.color颜色属性可继承
16.inherit会让子元素在指定CSS属性上继承父元素的值，若父元素没设置值(如高度值)，并不会去继承祖先元素的此属性值（很多属性是默认不继承的，如height，所以要给其加inherit使其继承）
17.frame 和 body 不共存，iframe虽和body共存，但会出现一些问题（网站排名上的和样式渲染上的问题）
18.border-radius中的值，填像素和填百分比形成的是不同的形状。（50%会形成一个圆或椭圆，1/2height像素会形成一个胶囊）
19.一行的单元格不设置高度，又没有内容，table设置了高度也不分给它（还是我社会主义好啊！），希望其 tr 有 1 行的高度就在单元格里写个
20.td设定宽高度，table设定宽高度，但给td padding（td不支持margin，但支持padding）会无限撑大table（若仅仅给td加大宽高属性，则当td合计宽高等于table设置的宽高时，再加大就无效了，实际上table宽高大于td实际宽高时，会把多的部分分配）
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点，学前端，基础不好一切白费！ 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
