如何定义input标签中 type="text"的CSS样式

html-css030

如何定义input标签中 type="text"的CSS样式,第1张

可以用css3中新增的选择器“[attribute=value]”来同时选中指定的属性的标签。

1、新建html文档,添加5个input标签,其中第一个和最后一个“type”属性的属性值为“text”:

2、在head标签和body标签之间添加style标签,添加代码“input[type=text]”,“input”指的是标签名,“type”指的是属性名,“text”指的是属性值,这个就会把所有属性名为“type”、属性值为“text”的input标签选中:

3、为被选择的标签设置背景色为红色,这时属性值为“text”的第一个标签和最后一个标签背景色都变成了红色:

用处是告诉浏览器,这段标签内包含的内容是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>

<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.内联引用

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

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

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

注:

每个MIME类型由两部分组成,前面是数据的大类别,例如声音audio、图象image等,后面定义具体的种类。

常见的MIME类型(通用型):

超文本标记语言文本 .html text/html

xml文档 .xml text/xml

XHTML文档 .xhtml application/xhtml+xml

普通文本 .txt text/plain

RTF文本 .rtf application/rtf

PDF文档 .pdf application/pdf

Microsoft Word文件 .word application/msword

<link type="text/css"> type="text/css"就是MIME类型。

只要是容器标签就能用text-center\x0d\x0a居中的方法有很多种:比如在标签外加一对\x0d\x0a\x0d\x0a\x0d\x0a还有一种\x0d\x0a最后一种要对父级标签设定大小才能使用\x0d\x0a定义一个大的DIV{mragin:0pxautopadding:0pxwidth:720pxtext-align:center}所有的都居中了