0223每日3+1
html的元素是HTML的基本组成单元
一、块级元素
HTML中的块级元素总是在新一行开始,高度边距都是可控的,并且块元素容纳内联元素和其他块元素
1.普通元素
<div>...</div>常用块状容器,也是csslayout的主要标签
<p>...</p>段落
<hr />水平分隔线
<table>...</table>表格
<form>...</form>交互表单
2.标题元素
<h1>...</h1>(大标题)
<h2>...</h2>(副标题)
<h3>...</h3>(三级标题)
<h4>...</h4>(四级标题)
<h5>...</h5>(五级标题)
<h6>...</h6>六级标题)
3.列表元素
<menu>...</menu>菜单列表
<ol>...</ol>有序列表
<ul>...</ul>无序列表
<li>...</li>列表项
<dl>...</dl>定义列表
<dt>...</dt>定义术语
<dd>...</dd>定义描述
二、行内元素
也可以叫做内联元素,行内元素与其他元素在一行上,高、边距和宽度不可以改变,内联元素只能容纳文本或者其他内联元素。常见的行内元素有:
<span>...</span>定义文本内区块
<a>...</a>链接
<br />换行
<b>...</b>加粗
<strong>...</strong>加粗
<img>图片
<sup>...</sup>上标
<sub>...</sub>下标
<i>...</i>斜体
<em>...</em>斜体
<del>...</del>删除线
<u>...</u>下划线
<input>...</input>文本框
<textarea>...</textarea>多行文本
<select>...</select>下拉列表
1.CSS3选择器
(1)层次选择器
E F 后代选择器
E > F 子选择器
E + F 相邻兄弟选择器
E ~ F 通用选择器
(2)目标伪类选择器
E:target 匹配文档(页面)的url的某个标志符的目标元素
(3)属性选择器:
E[attr^="val"]以val开头的任何字符串
E[attr$="val"]以val结尾的任何字符串
E[attr*="val"]包含了val
(4)结构伪类选择器
E:root 选择匹配元素E所在文档的根元素
E:empty 选择没有子元素的元素
E:first-child 选择父元素的第一个子元素的元素E
E:last-child 选择父元素的最后一个子元素的元素E
E F:nth-child(n) 选择父元素E的第n个子元素F
E:only-child 选择父元素中只包含一个子元素,且该子元素匹配元素E
(5)UI元素状态伪类选择器
:enabled 启用状态
:disabled 不可用状态
:checked 选中状态
(6)否定伪类选择器
E:not(F) 匹配所有除元素F外的E元素
(7)伪元素
::first-letter 选择文本块的第一个字母
::first-line 匹配元素的第一行文本
::before和::after 主要用来给元素的前面或后面插入内容,这两个常和”content”配合使用,使用的场景最多的就是清除浮动
2.抛弃图片的视觉效果:增加圆角、阴影、渐变、半透明、图片边框等
3.背景的变革:多背景
4.盒模型变化
5.多列布局和弹性盒模型布局
6.Web字体和Web Font图标
7.盒容器的变形
8.CSS3过渡与动画
9.媒体查询与Responsive布局
text.replace(/\s/ig,'')
题目来源:前端面试每日 3+1 —— 第2天(作者:浪子神剑)