2、<tbody>:如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不用等整个表格加载完后显示。)
3、<tr>:表格的一行,所以有几对tr 表格就有几行。
4、<th>:表格的头部的一个单元格,表格表头,文本默认粗体且居中显示。
5、<td>:表格的一个单元格,一行中包含几对<td>这行中就有几个单元格。
6、表格中列的个数,取决于一行中数据单元格的个数。
当用户需要在表单中输入大段文字时,需要用到文本输入域。
2、cols :多行输入域的列数。
3、rows :多行输入域的行数。
下拉列表进行多选操作:在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在windows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。
为同一个元素设置了不同的CSS样式代码时,浏览器根据权值来判断使用权值最高的样式。
标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。
!important要写在分号的前面,但注意当网页制作者不设置css样式时,浏览器会按照自己的样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但 !important优先级例外,权值高于用户自设置的样式。
置换元素会根据标签属性来显示的元素。反之就是非置换元素了。
布局模型与盒模型一样都是 CSS概念。布局模型建立在盒模型基础上,不同于我们常说的 CSS 布局样式或 CSS 布局模板。CSS布局模板是外在的表现形式。
在网页中,元素有三种布局模型:
1、流动模型(Flow)
流动(Flow)是默认的网页布局模式。特征:块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。
流动模型下,内联元素会在所处的包含元素内从左到右水平分布显示。
任何元素默认是不能浮动的,可用CSS定义为浮动。
让html元素在网页中精确定位,就像PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位(positioning)属性来支持层布局模型。
将元素从文档流中拖出来,然后用left、right、top、bottom属性相对最靠近它的一个带有定位属性的父包含块进行绝对定位。如果不存在这样的父包含块,则相对于body元素即相对于浏览器窗口。
元素在正常文档流中的偏移位置。首先按static(float)方式生成一个元素(元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留。
始终位于浏览器窗口内视图的设置位置,不受文档流动影响,
1、参照定位的元素必须是相对定位元素的前辈元素。
每一项的值可以是 0~255 的整数,也可以是0%~100% 的百分数。如:
像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”)。实际情况是浏览器和使用显示器的实际像素值有关。
每个颜色的最低值为0(十六进制为00),最高值为255(十六进制为FF)。
十六进制值写法:#号后加3个或6个十六进制字符。
三位数表示法为:#RGB,转换为六位数表示为:#RRGGBB
- http 超文本传输协议 以http:// 开头的普通网页,不加密。
- https 安全超文本传输协议 安全网页,加密所有信息交换。
- ftp 文件传输协议 用于将文件下载或上传至网站。
- file 您计算机上的文件。
(2)然后把MP3文件链接到页面中,JS会自动为每首歌创建播放按钮如:
HTML中如何键入空格?
但 有不间断的特性。即连续的 会在同一行内显示。即使有100个连续的 ,浏览器也不会把它们回车拆行。
3.用JS动态给HTML添加空格:
例为照顾CSS样式或照顾特殊效果的实现。如果你不单单想让div之间是null,而是想动态添加空格的话,这样(jquery):
clip 剪辑一个绝对定位的元素。
1.Anchor伪类 (伪类如:link冒号和伪类名之间不能有空格)
在支持 CSS 的浏览器中,链接的不同状态可用不同的方式显示:
2.CSS类和伪类配合使用:
- White-space属性:设置如何处理元素内的空白。
- normal 默认。空白会被浏览器忽略。
- pre 空白会被浏览器保留。其行为方式类似 <pre>标签。
- nowrap 文本不会换行,文本在同一行上继续,直到遇到<br/>为止。
- pre-wrap 保留空白符序列,但是正常地进行换行。
- pre-line 合并空白符序列,但是保留换行符。
——viewport 是用户网页的可视区域