用处是告诉浏览器,这段标签内包含的内容是css或text,也就是说如果某种浏览器(特别是wap等手机浏览器械、)不能识别css的,会将代码认为text,从而不显示也不报错。
type->类型,这里是style的属性
text/css->文本/css,即css文本
去掉效果一样,这里只是标注一下这个样式的属性是css文本。
扩展资料:type="text/css"是指定MIME类型,其中:
1、text是指对象为网页中的文本 。
2、css或是javascript是指当前指定的文本类型。
如果要在HTML文件中应用CSS样式,最常用的方法:
1.内部引用
所谓内部引用就是运用style标签引用在同HTML页内<HEAD></HEAD>部分的css定义。如:
<html>
<head>
<styletype="text/css">
.cssstyle{font:12px
color:#339966
border:1px#e1763dsolid
}
<style/>
</head>
<body>
<divclass="cssstyle">THISISAPARTSOFTEXTWHICHLINKCSSSTYLEINHEADPART</div>
</body>
</html>
2.内联引用
内联引用其实就是在应用CSS样式的HTML部分直接在所做用的标签上定义CSS样式,这种方法最直接,但是缺点也最明显,最大的问题就是代码繁冗,作用域也仅仅在定义的标签的作用范围。如:
<pstyle="color:#ccc">THISTEXTISGREY</p>
<p>IAMNOTGREY,WHATCOLORAMI?:)</p>
注:
每个MIME类型由两部分组成,前面是数据的大类别,例如声音audio、图象image等,后面定义具体的种类。
常见的MIME类型(通用型):
超文本标记语言文本.htmltext/html
xml文档.xmltext/xml
XHTML文档.xhtmlapplication/xhtml+xml
普通文本.txttext/plain
RTF文本.rtfapplication/rtf
PDF文档 .pdfapplication/pdf
MicrosoftWord文件 .wordapplication/msword
<linktype="text/css"> type="text/css"就是MIME类型。
设置css文件中text样式
首先打开操作软件这里用DW编辑工具:取一个css名字为text;
<!DOCTYPE html><html>
<head>
<meta charset="gb2312" />
<title>效果区</title>
</head>
<body>
<style>
.text{ width:200px height:200px background:#09C color:#FFF font-size:18px font-weight:bold text-indent:2em text-align:left}
</style>
<div class="text">
文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域
</div>
</body>
</html>
实现效果图如下:
详解:设置一个css样式取名:text,定义一个宽度与高度分别为200px。
其次设置一个背景颜色background:#09C
字体颜色为白色 color:#FFF
字体的大小为18xp:font-size:18px
设置字体为粗体:font-weight:bold
字体靠左对齐:text-align:left
字体首行缩进2个文字(2em):text-indent:2em
可以用css3中新增的选择器“[attribute=value]”来同时选中指定的属性的标签。
1、新建html文档,添加5个input标签,其中第一个和最后一个“type”属性的属性值为“text”:
2、在head标签和body标签之间添加style标签,添加代码“input[type=text]”,“input”指的是标签名,“type”指的是属性名,“text”指的是属性值,这个就会把所有属性名为“type”、属性值为“text”的input标签选中:
3、为被选择的标签设置背景色为红色,这时属性值为“text”的第一个标签和最后一个标签背景色都变成了红色: