1.表格标签:
注释:
<!-- table:cellspacing:单元格与的单元格之间的间距 width:设置宽度 height:设置高度的(thead、tfoot不改变) 只是高度的底线-->
<!-- tr\tbody\tfoot属性一样 -->
td 跨行 rowspan
跨列 colspan
2.无语义标签:
<!-- div 独占一行 -->
<!-- span 一行多个 -->
3.元素显示标签:
4.details:详情标签 配合summary使用
5.全局属性:
-
accesskey属性
-
accesskey属性规定激活元素的快捷键。accesskey=“accesskey”,使用ALT+accesskey(shinft+alt+accesskey)来访问带有指定快捷键的元素。
id、class属性分别是为元素命名唯一id和类名,id身份证号,在一个页面中只能出现一次,class 一类 可以出现多个
-
tabindex属性(正数 负数 0)
-
tabindex属性规定tab键控制次序(tab键用于导航时),当按tab键时,元素聚焦的次序。**tabindex=“number”,“number”**代表聚焦的次序。
hidden隐藏域:
CSS
css的书写规范
选择器 {
属性名: 属性值;
属性名: 属性值;
}
三种引入方式
1.行内样式表
2.内部样式表
3.外部样式表
基础选择器:
包含选择器:
逗号选择器:
属性选择器:
伪类选择器:
结果伪类选择器:
伪元素选择器:
伪类选择器练习题:
要求:
<!-- 将所有链接的文本颜色设置为蓝色。
当鼠标悬停在链接上时,将文本颜色设置为红色
当链接被点击时(活动状态),将文本颜色设置为绿色。
将第一个链接的文本颜色设置为紫色。 -->
运行:
表单要求:
<!-- 用外部样式 -->
<!-- 选取主标题(<h1>)将颜色改成粉色。
选取所有列表项(<li>)。
选取第一个列表项。背景颜色改为红
选取最后一个列表项。背景颜色改为绿
选取容器内带有"class"为"text"的段落。
选取容器内的第一个盒子。
选取所有带有"class"为"text"的元素(无论其在容器内还是容器外)。 -->