本篇文章给大家分享的是有关css中type的作用是什么,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
css中type是什么意思?
<style type="text/css">中的type="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>
css的基本语法是:1、css规则由选择器和一条或多条声明两个部分构成;2、选择器通常是需要改变样式的HTML元素;3、每条声明由一个属性和一个值组成;4、属性和属性值被冒号分隔开。
以上就是css中type的作用是什么,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。