一、美化表单元素
新的伪类
- focus
元素聚焦的样式
input:focus{
outline-offset:0;
color:#000;
outline：1px solid #008c8c;
}
- checked
单选或多选框被选中的样式
常见用法
-
重置表单元素样式
-
设置textarea是否允许调整尺寸
css属性resize:
- both:默认值，两个方向都可以调整尺寸
- none:不能调整尺寸
- horizontal:水平方向可以调整尺寸
- vertical：垂直方向可以调整尺寸
-
文本框边缘到内容距离
-
控制单选和多选的样式
二、表格元素
在css技术出现之前，网页通常使用表格布局。
后台管理系统中可能会使用表格
前台：面向用户
后台：面向管理员，对界面要求不高，对功能性要求高。
表格不再适用于网页布局？表格的渲染速度过慢。
三、其他元素
- abbr
缩写词
<body>
<p>
<abbr title="cascading style sheet">CSS </abbr>市用于为网页添加样式
</p>
</body>
- time
提供给浏览器或搜索引擎阅读的时间
<body>
<p>
<time datetime="2019-05-01">今年5月</time>我录制了节目
</p>
</body>
-
b（bold）
以前是一个无语义元素，主要是用于加粗字体 -
q
一小段引用文本 -
blockquote
表示大段引用文本 -
br
无语义
主要用于在文本中换行： -
hr
无语义
主要用于分割 -
meta
还可以用于搜索引擎优化（SEO） -
link
链接外部资源（CSS、图标）
rel属性:relation，链接的资源和当前网页的关系
type属性：链接的资源的MIME类型
<link rel="icon" type="image/x-icon" href="123.ioc">
<!-- 链接图标 -->
扫一扫
193
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
