文章介绍了HTML表格的基本元素如tr,th,td及其属性，包括对齐方式、跨行跨列等。同时，讲解了CSS的选择器类型，如标签选择器、ID选择器、类选择器，以及如何设置字体样式。此外，还提到了HTML表单的action、method属性和select元素创建下拉菜单的方法。
tr---一列
th---加粗（黑）
td---数据 d---date
thead：height\align(水平）
Caption--通过css更改
border---只控制最外围的大小 width height（tbody 值是底线--只高不低，没有宽只有高属性）
align=”center“ valign=”middle“垂直居中
rowspan--跨行 <td colspan>--跨列
tabindex---让本不能tab获取焦点的元素可以获取
- tabindex=负值 (通常是 tabindex=“-1”)，表示元素是可聚焦的，但是不能通过键盘导航来访问到该元素，用 JS 做页面小组件内部键盘导航的时候非常有用。
- tabindex="0" ，表示元素是可聚焦的，并且可以通过键盘导航来聚焦到该元素，它的相对顺序是当前处于的 DOM 结构来决定的。
- tabindex=正值，表示元素是可聚焦的，并且可以通过键盘导航来访问到该元素；它的相对顺序按照tabindex 的数值递增而滞后获焦。如果多个元素拥有相同的 tabindex，它们的相对顺序按照他们在当前 DOM 中的先后顺序决定。
表单：网页交互区，收集用户信息
action：将数据交给谁处理
name：必有属性
method：提交方式
<div id="one"></div>---一个网页中只能出现一个
下拉菜单：<select name=" " id=" ">
<option value="10">10</option>
…
…
基本选择器：
/* 标签选择器 选中所有的p标签*/
p {
color: aqua;
}
/* id选择器 */
#box1 {
color: pink;
}
/* 类选择器 */
.box2 {
color: blueviolet;
}
/* 通配符选择器
*{
}
*/
包含选择器：
.a>li {
background-color: pink;
}
/* 后代选择器 找到后代所有要找的元素*/
.a li {
color: blueviolet;
}
字体的样式：
div {
cursor: pointer;
/* 字体大小 */
/* font-size: 40px; */
/* 字体粗细 */
/* font-weight: bold; */
/* font-weight: 900; */
/* 100-900 400===normal 800===bold 100-900越来越粗 font-weight: 400;*/
/* 字体是否倾斜 */
/* font-style: italic/normal; */
/* font-family: "微软雅黑"; */
/* italic 900可省略，字体大小，font-family必须存在 */
font: italic 900 70px "微软雅黑"
}
复合选择器：
/* div {
color: pink;
}
p {
color: pink;
}
span {
color: pink;
} */
div,
p,
span {
color: red;
}
</style>
</head>
<body>
<div></div>
<p></p>
<span>c/span>
<ul>
<li></li>
</ul>
</body>
</html>
属性选择器：
input {
background-color: pink;
}
input[type="password"] {
background-color: aquamarine;
}
div[id] {
width: 300px;
height: 300px;
background-color: blue;
}
/* type^="te"以te开头 */
input[type^="te"] {
background-color: red;
}
input[type$="l"] {
background-color: green;
}
/* type*="e" type值里边包含e */
input[type*="e"] {
background-color: chartreuse;
}
</style>
</head>
<body>
<input type="text"><br />
<input type="password"><br />
<input type="search"><br />
<input type="url"><br />
<input type="number"><br />
<div id="aquamarine">1</div>
<div>2</div>
114
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
