300字范文 > target是不是css样式选择器 DW中常用css样式四种类型详细解析说明 – CSS – 前

target是不是css样式选择器 DW中常用css样式四种类型详细解析说明 – CSS – 前

时间：2018-05-11 19:16:17

格式：<link type=”text/css” rel=”stylesheet” href=”css路径” />

举例：<link type=”text/css” rel=”stylesheet” href=”layout.css”/>

用处：这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。

备注：Rel：指明连接的是什么文件； Type：指明引入的文件的格式类型； Href：指明文件的路径，以引入文件为基准的相对路径。

2、内部样式

格式： <style type=”text/css”>选择器 {声明1、声明2………}</style>

这样的话，该文件中的所有P标签都将应用该style样式，而不需要在没一个html标签中写。

用处：这种形式是内部样式表，它是以<style>和</style>结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面

3、举例：

<html>

<head>

<style>

font-size:50px;

color:red;

text-deceration:line

}

</style>

</head>

<body>

</body>

</html>

4、行内样式：就是直接在html标签后面写样式代码

用处：这种在标签内以style标记的为内部样式，内部样式只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。

5、导入样式

@import url(“/css/global.css”);

链接样式是以@import url标记所链接的外部样式表，它一般常用在另一个样式表内部。如layout.css为主页所用样式，那么大家可以把全局都需要用的公共样式放到一个 global.css的文件中，然后在layout.css中以@import url(“/css/global.css”)的形式链接全局样式，这样就使代码达到很好的重用性。

6、CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。

selector {declaration1; declaration2; … declarationN }

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。

selector {property: value}

下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。

在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。

h1 {color:red; font-size:14px;}

提示：请使用花括号来包围声明。

@ 如何让ipad浏览器兼容ie8？

首先，在做项目前，大家一定要确认是否需要兼容IE8~IE9，从刚开始就注意兼容问题，做起来就会很舒服，如果项目完成后做兼容，简直就是噩梦。下面是偶这几天做IE8兼容遇到的一些问题。

1、css样式方面css样式，尽量少用css3的这些伪类选择器，如果使用了，在后期做兼容会很累，如果项目硬要兼容IE8+，那就请你从一开始就避免这些伪类的使用吧。避免了最难解决的伪类问题后，剩下的就是针对IE8 IE9做一些样式上的微调，将会异常轻松。

2、JS方面 2.1、IE8是不支持className选择节点的，所以，最省时省力的方法，大家在选择节点时，可以多使用jquery选择器，说实话，jQuery的兼容性还真的好。当然如果你的父节点不是element，没法用jq的时候，只能自己拓展了；解决IE8一下不支持getElementsByClassName的方法 – CSDN博客这个博客的方法适合随意指定父节点，实测有效； 2.2、如果你要遍历一个数组，请不要用map forEach,因为这些方法IE8 IE9都不支持，如果你项目里用到了，修改起来很麻烦，那么就拓展一个map forEach方法吧。 2.

3、如果需要在文本框里添加placeholder，个人建议使用插件，将会有和原生浏览器一样的效果。推荐jquery.placeholder.js 这个插件 2.

4、现在大部分主流浏览器都支持bind，很不幸，IE8却不支持，如果碰到了bind的兼容问题，那么只能自己写拓展了。 2.

5、IE8 IE9均不支持calssList属性，如果用到了增删class，那么只能自己写拓展。给不支持classList的浏览器（IE9以及以下等）的元素添加classList属性 – 麦兜的博客 – CSDN博客这个博客上有具体的代码，当然你复制下来运行发现会报错，你需要加上这句代码window.HTMLElement = window.HTMLElement || Element;因为IE不识别HTMLElement。 2.

6、如果你不小心用到了某个jq版本的text()方法，那么你要注意，有可能IE8不兼容，最好使用innerHTML 2.

7、IE8并不支持event.target，如果你不小心用了，会报错找不到 target 属性。这就取决于IE8的机制，event只能是window对象的一个属性，所以大家这样写就能兼容IE8了；var event=window[“event”]; 可以用 event.srcElement获取你想要的节点对象。