0223每日3+1

2021-02-23  本文已影响0人  0清婉0

[html]html的元素有哪些(包含H5)?

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>下拉列表

[css]CSS3有哪些新增的特性?

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布局

[js]写一个方法去掉字符串中的空格

text.replace(/\s/ig,'')

题目来源:前端面试每日 3+1 —— 第2天(作者:浪子神剑)

上一篇 下一篇

猜你喜欢

热点阅读