关于<style type="textcss">的疑问。

html-css013

关于<style type="textcss">的疑问。,第1张

<style type="text/css"></style>表示这是样式表,在中间放入css内容; type是它的类型属性,text/css是它的值,它们是告诉浏览器这里面的文本内容(text)要当层叠样式表 (css)来解析,不能当作其它的来解析

type="text/css"是指定MIME类型,其中:

text是指对象为网页中的文本

css或是javascript是指当前指定的文本类型...

如果要在HTML文件中应用CSS样式,最常用的有三种方法:

1.内部引用

所谓内部引用就是运用style标签引用在同HTML页内<HEAD></HEAD>部分的css定义。如:

<html>

<head>

<style type="text/css">

.cssstyle { font:12px

color:#339966

border:1px #e1763d solid

}

<style/>

</head>

<body>

<div class="cssstyle">THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>

</body>

</html>

2.外部引用

外部引用就是用<link>标签引用外部CSS文件中的样式。如欲实现上述效果,可将CSS做成单独文件。

文件CSSSTYLE.CSS

.cssstyle { font:12px

color:#339966

border:1px #e1763d solid

}

然后在HTML引用它:

<html>

<head>

<link rel="stylesheet" type="text/css" href="cssstyle.css">

</head>

<body>

<div class="cssstyle">THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>

</body>

</html>

使用这种方法引用要确保CSS文件和HTML文件的相对路径完整无误,要不然HTML文档是不会找到CSS样式的。

3.内联引用

内联引用其实就是在应用CSS样式的HTML部分直接在所做用的标签上定义CSS样式,这种方法最直接,但是缺点也最明显,最大的问题就是代码繁冗,作用域也仅仅在定义的标签的作用范围。如:

<p style="color:#ccc">THIS TEXT IS GREY</p>

<p>I AM NOT GREY, WHAT COLOR AM I? :)</p>

&lt;style type=&quot;text&#47;css&quot;&gt;&lt;!-- div {position:absolute;top:50%;left:50%;margin:-150px 0 0 -200px;width:400px;height:300px;border:1px solid #008800;}--&gt;&lt;&#47;style&gt;&lt;div&gt;让层垂直居中于浏览器窗口&lt;&#47;div&gt;其实解决的思路是这样的:首们需要position:absolute;绝对定位652而层的定位点173使用外补丁margin负值的方法5负值的大小为层自身宽度高度除以二in如:一个层宽度是400高度是30039使用绝对定位距离上部与左部都设置成50%1739而margin-top的值为-150。margin-left的值为-200。这样我们就实现了层垂直居中于浏览器的样式编写如果你是想让div垂直居中与div那么你可以在父级div上加一个position:relative即可