ဟန်တီလိုင် <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; }
ဘာသာပြန်သုံး ဘာသာ
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ |