HTML+CSS要点
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实际宽高时,会把多的部分分配)
HTML+CSS要点的更多相关文章
- css要点
1.对inline-block设置overflow: hidden会造成baseline移动,因此需要设置vertical-align才不会出现样式问题. 2.使用flex时,需要对设置flex: 1 ...
- Matplotlib数据可视化(3):文本与轴
在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...
- 高效CSS开发核心要点摘录
做网站的,我们都知道尽量减少请求数,压缩CSS代码量,使用高效CSS选择符等方式可以来提高网站的载入速度和访问速度,也就是优化网站的性能. 下面分析了一些CSS的书写方式,很多都是我们知道并且正在使用 ...
- CSS学习要点
目标 掌握CSS基本语法,了解如何应用CSS到Html元素上并能熟练使用CSS进行元素布局. 要点 CSS基本概念.存在的意义 CSS 指层叠样式表 (Cascading Style Sheets), ...
- CSS基础学习中的几大要点心得
CSS是前端学习中较为简单但又非常复杂的课程,说简单是因为学习它并不需要太多推理论证和逻辑思维,说它非常复杂则是更多的侧重在它的“杂”上,因为太多的格式和套路需要我们注意.以下谨列出本人在CSS学习中 ...
- CSS只是要点-收集
1. CSS 浮动定位详解 请点击:css浮动定位详解
- css div要点汇总
1.子元素选择两种 h1 strong{color:red}意思是所有后代只要是strong就变成红色 h1>strong{color:red}效果同上但只对第一代后代元素有效 相邻兄弟元素 h ...
- CSS基础要点概况
1.CSS概述 1)css指层叠样式表 2)样式定义如何显示HTML元素 3)样式通常存储在样式表中 4)把样式添加到HTML4.0中,是为了解决内容与表现分离的问题 5)外部样式表可以极大提高工作效 ...
- 书写Css文件要点
1. 自定义样式名 实例1:<style type="text/css"> input.ng-invalid{ // .号一定要在对应的元素名后面, 没有空格 colo ...
随机推荐
- Python socket粘包问题(初级解决办法)
server端配置: import socket,subprocess,struct from socket import * server=socket(AF_INET,SOCK_STREAM) s ...
- 部署文件到IIS
1.更改文件夹的权限 添加IIS_IUSR 右键属性-编辑-添加-高级-立即查找-添加IIS_IUSR .Everyone用户-勾选完全控制2.添加网站UI层-更改版本4.0-托管管道模式-经典3.网 ...
- NuGet安装本地包命令行
尝试安装本地的NuGet包. 键入 "get-help NuGet" 可查看所有可用的 NuGet 命令. install-package Polly.Net40Async-Sig ...
- hibernate与struts框架实现增删改查
这里配置hibernate与struts不再过多赘述,配置搭建前文已经详细讲解,配置如下: hibernate.hbm.xml配置: <?xml version="1.0" ...
- pytesseract的使用
首先,先安装好Tesseract软件,pytesseract模块 问题 1 :FileNotFoundError: [WinError 2] 系统找不到指定的文件. 加上这行代码 pytesserac ...
- jquery中object对象循环遍历的方法
一个朋友问对象如何转为数组,当我问他为啥要转得时候,他告诉我,数组可以用js循环遍历,而对象则不可以.其实呢,对象同样可以循环遍历的啊.不用转换也可以循环!说明你对js或者jquery的某些操作不是很 ...
- linux 下 异步IO
方法一:使用fcntl来置O_ASYNC位. 这个方法的效果是,当输入缓存中的输入数据就绪时(输入数据可读),内核向用F_SETOWN来绑定的那个进程发送SIGIO信号.此时程序应该用getchar等 ...
- 算法 & 数据结构——收纳箱算法???
. 最近工作上有一个需求,需要将图片打包成图集,以便于让资源更紧凑,利用率更高,提升性能,游戏行内的同志应该很熟练这个操作.通常我们需要用一个app来完成这项工作,最出名的莫过于Texture Pac ...
- DBGridEH如何去表头?设置哪个属性
- Image与Base64String的互转换
public Image Base64ToImage(string base64String) { // Convert Base64 String to byte[] byte[] imageByt ...