Web前端2

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"的元素（无论其在容器内还是容器外）。 -->