హ్ట్మ్ఎల్ <style> టాగ్
定义和用法
<style>
标签用于定义文档的样式信息 (CSS)。
在 <style>
元素中,您可以指定 HTML 元素在浏览器中的呈现方式。
请注意,style 元素定义的是 HTML 文档内嵌的 CSS 样式,而 link 元素则是用来导入外部样式表中的样式。
style 元素可以出现在 HTML 文档中的各个部分。一个文档可以包含多 style 元素,因此不必把所有样式定义都塞进 head 部分。在使用模板引擎生成页面的情况下这个特性很有帮助,因为这样一来就可以用页面特有的样式为模板定义的样式提供补充。
另请参阅:
HTML 教程:HTML CSS
CSS 教程:CSS శిక్షణ
HTML DOM 参考手册:Style 对象
实例
例子 1
使用 <style>
元素将简单的样式表应用于 HTML 文档:
<style> h1 {color:red;} p {color:blue;}这是标题
这是一个段落。
例子 2
相同元素的多种样式:
<style> h1 {color:red;} p {color:blue;} <style> h1 {color:green;} p {color:pink;}这是标题
这是一个段落。
提示和注释
注意:బ్రౌజర్ స్టైల్ షేర్ చదివినప్పుడు, అది స్టైల్ షేర్ లోని సమాచారం ఆధారంగా HTML డాక్యుమెంట్ ఫార్మాట్ చేస్తుంది. ఒకే సెలెక్టర్ (మూలకం) కోసం వివిధ స్టైల్ షేర్లలో కొన్ని లక్షణాలు నిర్వచించబడినట్లయితే, చివరిగా చదివిన స్టైల్ షేర్ లోని విలువలను వాడుతారు (పైని ఉదాహరణను చూడండి)!
హిందూ:బాహ్య స్టైల్ షేర్లను లింక్ చేయడానికి ఉపయోగించండి <link> టాగ్.
హిందూ:స్టైల్స్ గురించి మరింత సమాచారం తెలుసుకోవడానికి మా ట్యూటోరియల్స్ చదవండి CSS శిక్షణ.
అటీబ్యూట్
అటీబ్యూట్ | విలువ | వివరణ |
---|---|---|
media | మీడియా క్వరీ | స్టైల్ ఉపయోగించే మీడియా నిర్వచించండి |
type | text/css | ప్రస్తావించండి <style> టాగ్ యొక్క మీడియా రకం |
గ్లౌబల్ అటీబ్యూట్
<style>
టాగ్ కు ఇవెంట్ అటీబ్యూట్ మద్దతు ఉంది HTML లో గ్లౌబల్ అటీబ్యూట్.
ఇవెంట్ అటీబ్యూట్
<style>
టాగ్ కు ఇవెంట్ అటీబ్యూట్ మద్దతు ఉంది HTML లో ఇవెంట్ అటీబ్యూట్.
డిఫాల్ట్ CSS సెట్టింగ్స్
అత్యంత బ్రౌజర్లు క్రింది డిఫాల్ట్ విలువలను ప్రదర్శిస్తాయి <style>
అంశం:
style { display: none; }
బ్రౌజర్ మద్దతు
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
---|---|---|---|---|
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |