link和import的区别,src和href的区别，css hark 以及HTML5及css3的新增特性

link和import的区别

link是标签浏览器会在一开始就渲染样式而import是引入会在最后引入
link是XHTML标签，无兼容问题；@import是在CSS2提出的，低版本的浏览器不支持
link支持使用Javascript控制DOM去改变样式；而@import不支持

src和href的区别

href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，一般用于超链接
src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置（经常在script引入时，还有img图片的请求时用到）

一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack

CSS Hack常见的有三种形式：属性Hack、选择符Hack、条件注释Hack， Hack主要针对IE浏览器

条件条件注释只有在IE浏览器下才能执行，这个代码在非IE浏览下被当做注释视而不见。可以通过IE条件注释载入不同的CSS、JS、HTML和服务器代码等。
属性比如IE6能识别下划线“”和星号“”，IE7能识别星号""，但不能识别下划线""，而firefox两个都不能认识
选择器比如IE6能识别 html .class{}，IE7能识别+html .class{}

HTML5和css3新特性

css3新特性

选择器
背景和边框
文本效果
2D/3D 转换 — 变形（transform）、过渡(transtion)、动画(animation)

选择器

常规选择器

:last-child /* 选择元素最后一个孩子 */
:first-child /* 选择元素第一个孩子 */
:nth-child(1) /* 按照第几个孩子给它设置样式 */
:nth-child(even) /* 按照偶数 */
:nth-child(odd)  /* 按照奇数 */
:disabled /* 选择每个禁用的dom元素 */
:checked /* 选择每个被选中的dom元素 */
:not(selector) /* 选择非 selector 元素的每个元素 */
::selection /* 选择被用户选取的元素部分 */

伪类和伪元素
根本区别在于它们是否创造了新的元素
伪类：用于向某些选择器添加特殊的效果（没有创建新元素）

:last-child /* 选择元素最后一个孩子 */
:first-child /* 选择元素第一个孩子 */
:nth-child(1) /* 按照第几个孩子给它设置样式 */
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */

伪元素：创建了 html 中不存在的元素，用于将特殊的效果添加到某些选择器

::before {} /* 选择器在被选元素的前面插入内容和定义css，使用 content 属性来指定要插入的内容。 */
::after {} /* 选择器在被选元素的后面插入内容和定义css，使用 content 属性来指定要插入的内容。 */
:first-letter /* 选择该元素内容的首字母 */
:first-line /* 选择该元素内容的首行 */
::selection /* 选择被用户选取的元素部分 */

h5新增的特性

语义化标签：header、footer、section、nav、aside、article
增强型表单：input 的多个 type
新增表单属性：placehoder、required、min 和 max
音频视频：audio、video
canvas 画布
地理定位
拖拽
本地存储：
localStorage 没有时间限制的数据存储；
sessionStorage， session 的数据存储，当用户关闭浏览器窗口后，数据会被删除
新事件：onresize、ondrag、onscroll、onmousewheel、onerror、onplay、onpause
WebSocket：建立持久通信协议

新增语义化标签

header 定义了文档的头部区域
footer定义了文档的尾部区域
nav定义文档的导航
section定义文档中的节（section、区段）
article定义页面独立的内容区域
aside定义页面的侧边栏内容
dialog定义对话框，比如提示框

表单类型增强

HTML5 拥有多个新的表单 Input 输入类型。这些新特性提供了更好的输入控制和验证
比如

color主要用于选取颜色
date从一个日期选择器选择一个日期
datetime选择一个日期（UTC 时间）
email包含 e-mail 地址的输入域
search用于搜索域
tel定义输入电话号码字段
time选择一个时间
urlURL 地址的输入

link和import的区别,src和href的区别，css hark 以及HTML5及css3的新增特性相关推荐

src和href的区别
首先我们先简述一下src与href的区别 src <img src="图像URL" /> URL(Uniform Resource Locator,统一资源定位符) s ...
1. src 和 href 的区别？
1. src 和 href 的区别? src 和 href 都是用来引用外部的资源, 它们的区别如下: src: 表示对资源的引用, 它指向的内容会嵌入到当前标签所在的位置.src 会将其指向的资源下 ...
src和href的区别，并且img中的srcset的作用是什么？
一.src和href的区别 src是指向外部资源的位置,指向的内容会嵌⼊到⽂档中当前标签所在的位置,在请求src资源时会将其指向的资源下载并应⽤到⽂档内,如js脚本,img图⽚和frame等元素.当浏 ...
src与href的区别
href: 是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接. src:是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置:在请求src资源时会将其 ...
css第二课：外部样式link和import的运用及行内样式的介绍
一:外部样式 1.先讲用link引入外部样式: 首先我们新建一个css文件夹,放外部css样式文件,然后创建一个css文件(.css),如下图: 新建一个html文件写代码,代码,在css文件里写样式 ...
herf、src和link与@import的区别
前言我们在开发页面的时候,有时候需要需要引用一些外部的资源,经常分不清一些链接,下面我们就来谈谈它们之间到底分别是什么,这样使用的时候就做到心中有数. 一.link和@import的区别两者都是外 ...
src与href属性的区别
src和href之间存在区别,能混淆使用.src用于替换当前元素,href用于在当前文档和引用资源之间确立联系. src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在 ...
src与href区别
src和href之间存在区别,能混淆使用.src用于替换当前元素,href用于在当前文档和引用资源之间确立联系. src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在 ...
src、href区别
src和href都是用于外部资源的引入,像图片.CSS文件.HTML文件.js文件或其他web页面等. 区别:src用于替代这个元素,而href用于建立这个标签与外部资源之间的关系. 例如: a标签里 ...