HTML <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 ຂອງພວກເຮົາ, ກະຕຸ້ນການອ່ານ. CSS ວິນວາທີ.
ອະດີດ
ອະດີດ | ຄູ່ມູນ | ອະດີດ |
---|---|---|
media | ການຊອກຫາສະໜາມ | ປະກອບອອກ ອະດີດສະຫະນັກງານທີ່ນຳໃຊ້ ສໍາລັບສະແນນ. |
type | text/css | ປະກອບອອກ <style> ອະດີດສະຫະນັກງານ. |
ອະດີດສະຫະນັກງານທົ່ວໄປ
<style>
ປະເພດ ອະດີດສະຫະນັກງານທົ່ວໄປ HTML.
ອະດີດສະຫະນັກງານ HTML
<style>
ປະເພດ ອະດີດສະຫະນັກງານ HTML.
ການການຈັດຕັ້ງ CSS ດົນຫນັງ
ບັນຊີບັນນາທິການສະໜັບສະໜູນຈະສະແດງຕາມຄຳສັ່ງທີ່ມີເກົ່າຢູ່ໃນ <style>
ບັນດາຫົວຂໍ້:
style { display: none; }
ການສະໜັບສະໜູນບັນຊີບັນນາທິການ
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ |