CSS中<style> 标签用于为 HTML 文档定义样式信息。适用于所有主流浏览器都支持 <style> 标签。
Css中Style属性相关介绍：
Style属性的定义和用法：
在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。style 元素位于 head 部分中。
Style必需的属性：
属性：type，值：text/css，描述：规定样式表的 MIME 类型。
Style可选的属性：
属性：Media，值：screen，tty，tv，projection，handheld，print，braille，aural，all。描述：为样式表规定不同的媒介类型。
全局属性：<style> 标签支持 HTML 中的全局属性。
事件属性：<style> 标签支持 HTML 中的事件属性。
TIY 实例
A、HTML中的样式。本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化。
B、没有下划线的链接。本例演示如何使用样式属性做一个没有下划线的链接。
C、链接到一个外部样式表。本例演示如何<link>标签链接到一个外部样式表。
相关页面。HTML DOM 参考手册：Style 对象。
Css中Style属性应用具体案例：
<html><head>
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
</head>
<body>
<h1>Header 1</h1>
<p>A paragraph</p>
</body>
</html>
提示和注释
1、如需链接外部样式表，请使用 <link> 标签。
2、如需学习更多有关样式表的知识，请阅读我们的 CSS 教程。
定义css分三类：第一类：标签元素
body,ul,li等，直接定义 ，格式：标签名{属性：样式}
body{font-size:12px;}
第二类：类定义 在前面都是要加点
top{margin-top:20px;}
第三类：id定义，id定义是样式里做高的，一般不建议用。id定义用#
#footer{ margin-top:20px;}类选择器在html标签中添加一个class属性，这个属性的值要按照命名的规则来书写：不能数字开头，尽量不使用中文，不要使用下划线中划线之外的符号，不要使用系统的保留字，尽量做到见名知意，命名可以重复使用，每个标签可以设置多个类名。然后在css中使用 类名{} 的形式来进行定义即可，CSS类的问题呢，我看过最好的教学视频，就是黑马程序员的。他们有公开课，都是技术大牛讲解，并且会直接给你上课使用的课件和源码什么的。在黑马视频库就可以搜索到，找不到的话，网页d出来的对话框问一下即可
响应式网页设计:rem、em设置网页字体大小自适应
「rem」是指根元素（rootelement，html）的字体大小，好开心的是，从遥远的IE6到版本帝Chrome他们都约好了，根元素默认的font-size都是16px。这样一个新的单位兼容性如何呢？
IE9，Firefox、Chrome、Safari、Opera的主流版本都支持了，我可以放肆的使用rem了。
em的计算是基于父级元素的，在实际使用中给我们的计算带来了很大的不便。所以rem的出现解救了我这样不会算术的人，再也不用担心父级元素的font-size了，因为它始终是基于根元素（html）的。
比如默认的htmlfont-size=16px，那么我想设置12px的文字就是：12÷16=075（rem）
当然，你可以引入CSS预处理工具（Sass、LESS、Stylus等）自动计算rem值，这里就不一一举例了。
但是像我这样的懒人或者团队开发中还没有引入CSS预处理工具的该肿么办呢？只能搬个计算器啪啪啪了吗？别急，你还可以变通一下。我们改变一下html的默认font-size=10px不就好计算了嘛！Likethis：
html{font-size:625%;/10÷16=625%/}body{font-size:12px;font-size:12rem;/12÷10=12/}p{font-size:14px;font-size:14rem;}
需要注意的是，为了兼容不支持rem的浏览器，我们需要在rem前面写上对应的px值，这样不支持的浏览器可以优雅降级。其实不用太纠结是默认的font-size:100%，还是设置为font-size:625%，如果你引入了CSS预处理工具那么自然可以使用默认值，如果由于其他原因使用font-size:625%也无可厚非，完全可以在body中重置回你需要的默认font-size。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）