HTML中引入css和js的方法

html-css09

HTML中引入css和js的方法,第1张

我们在HTML中经常需要引入CSS和JS文件,那么如何引入呢?下面我给大家演示一下。

工具/材料

Sublime Text

首先新建一个文件夹,在文件夹下面建立如下图所示的文件

接下来用Sublime Text打开HTML文件,写入HTML结构,如下图所示

然后我们在Head标签内用link标签引入CSS文件,如下图所示

最后用Script标签引入JS文件即可,如下图所示

-moz-, -webkit-, -o-这些都是浏览器前缀。box-shadow才是css样式。

通过js获取css的box-shadow的方法:

div

{

box-shadow: 10px 10px 5px #888888

}

js方法:

document.div[0].style.box-shadow = "12px 11px 5px #888888"

常用前缀和浏览器的对应关系如下:

Firefox: -moz-

Chrome, Safari: -webkit-

Opera: -o-

IE: -ms-

css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程,css3中的属性进展都不一样。浏览器厂商在标准尚未明确情况下提前支持会有风险,同时也会出现有的浏览器厂商支持的好,有的支持的不好,所以就用厂商前缀加以区分。

PPK建议如果已成为REC或接近REC的属性,厂商如果完全实现了w3c的test case,就不用加厂商前缀,像border-radius在ie9下就不用加前缀。

html语言中,可以利用JS控制css实现一些效果.

纯CSS页面,不能嵌套.

但是可以嵌套css.

比如说main.css

可以嵌套 a.css,b,css 或者说更多.

不知道你的用途.有问题可以联系我.我是做网站的.