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 行的高度就在单元格里写个 &nbsp;

20.td设定宽高度，table设定宽高度，但给td  padding（td不支持margin，但支持padding）会无限撑大table（若仅仅给td加大宽高属性，则当td合计宽高等于table设置的宽高时，再加大就无效了，实际上table宽高大于td实际宽高时，会把多的部分分配）

HTML+CSS要点的更多相关文章

  1. css要点

    1.对inline-block设置overflow: hidden会造成baseline移动,因此需要设置vertical-align才不会出现样式问题. 2.使用flex时,需要对设置flex: 1 ...

  2. Matplotlib数据可视化（3）：文本与轴

      在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...

  3. 高效CSS开发核心要点摘录

    做网站的,我们都知道尽量减少请求数,压缩CSS代码量,使用高效CSS选择符等方式可以来提高网站的载入速度和访问速度,也就是优化网站的性能. 下面分析了一些CSS的书写方式,很多都是我们知道并且正在使用 ...

  4. CSS学习要点

    目标 掌握CSS基本语法,了解如何应用CSS到Html元素上并能熟练使用CSS进行元素布局. 要点 CSS基本概念.存在的意义 CSS 指层叠样式表 (Cascading Style Sheets), ...

  5. CSS基础学习中的几大要点心得

    CSS是前端学习中较为简单但又非常复杂的课程,说简单是因为学习它并不需要太多推理论证和逻辑思维,说它非常复杂则是更多的侧重在它的“杂”上,因为太多的格式和套路需要我们注意.以下谨列出本人在CSS学习中 ...

  6. CSS只是要点-收集

    1. CSS 浮动定位详解 请点击:css浮动定位详解

  7. css div要点汇总

    1.子元素选择两种 h1 strong{color:red}意思是所有后代只要是strong就变成红色 h1>strong{color:red}效果同上但只对第一代后代元素有效 相邻兄弟元素 h ...

  8. CSS基础要点概况

    1.CSS概述 1)css指层叠样式表 2)样式定义如何显示HTML元素 3)样式通常存储在样式表中 4)把样式添加到HTML4.0中,是为了解决内容与表现分离的问题 5)外部样式表可以极大提高工作效 ...

  9. 书写Css文件要点

    1. 自定义样式名 实例1:<style type="text/css"> input.ng-invalid{ // .号一定要在对应的元素名后面, 没有空格 colo ...

随机推荐

  1. java EE技术体系——CLF平台API开发注意事项（2）——后端测试

    前言:上篇博客说到了关于开发中的一些情况,这篇博客主要说明一些关于测试的内容. 一.宏观说明 要求:每一个API都必须经过测试.   备注:如果涉及到服务间调用(如权限和基础数据),而对方服务不可用时 ...

  2. 【Istio】error initializing configuration '/etc/istio/proxy/envoy-rev0.json': malformed IP address: istio-statsd-prom-bridge

    今天遇到一个问题,istio的组件一直在重启,查看log大概是这个样子 --03T07::.935580Z info Epoch starting --03T07::.936317Z info Env ...

  3. 九度oj 题目1494：Dota

    题目描述: 大家都知道在dota游戏中,装备是对于英雄来说十分重要的要素. 英雄们不仅可以购买单个的装备,甚至某些特定的装备组合能够合成更强的装备. 为了简化问题,我们将每个装备对于英雄的功能抽象为一 ...

  4. 九度oj 题目1007：奥运排序问题

    九度oj 题目1007:奥运排序问题   恢复 题目描述: 按要求,给国家进行排名. 输入:                        有多组数据. 第一行给出国家数N,要求排名的国家数M,国家号 ...

  5. 【Luogu】P3396哈希冲突（根号算法）

    题目链接 根号算法真的是博大精深啊……明明是暴力但复杂度就是能过 这也太强了吧!!! 预处理出p<=sqrt(n)的所有情况,耗时n根n 查询: 如果p<=根n,O1查表 如果p>= ...

  6. BFC浅析

    1.定义 BFC(Block formatting context)即"块级格式化上下文".它是一个独⽴的渲染区域,只有Block-level box参与, 它规定了内部的Bloc ...

  7. BZOJ 2330 [SCOI2011]糖果 ——差分约束系统 SPFA

    最小值求最长路. 最大值求最短路. 发现每个约束条件可以转化为一条边,表示一个点到另外一个点至少要加上一个定值. 限定了每一个值得取值下界,然后最长路求出答案即可. 差分约束系统,感觉上更像是两个变量 ...

  8. 阿里面试题：说说HashMap的扩容过程？

    这是一道阿里的面试题,考察你对HashMap源码的了解情况,废话不多说,咱们就直接上源码吧! jdk 1.7 源码 void resize(int newCapacity) { Entry[] old ...

  9. C++ 构造函数 析构函数 虚函数

    C++:构造函数和析构函数能否为虚函数? 简单回答是:构造函数不能为虚函数,而析构函数可以且常常是虚函数. (1) 构造函数不能为虚函数 让我们来看看大牛C++之父 Bjarne Stroustrup ...

  10. LeetCode OJ--Unique Paths II **

    https://oj.leetcode.com/problems/unique-paths-ii/ 图的深搜,有障碍物,有的路径不通. 刚开始想的时候用组合数算,但是公式没有推导出来. 于是用了深搜, ...