欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

CSS将样式规则与HTML元素相关联

发布时间:2025/4/16 HTML 12 豆豆
生活随笔 收集整理的这篇文章主要介绍了 CSS将样式规则与HTML元素相关联 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

CSS通过将规则与HTML元素相关联的方式来工作,这些规则用来控制指定元素的内容如何显示。

一条CSS规则包含两个部分:一个选择器和一条声明。

示例:

      P{         ------- --------选择器

           fonti-family  :Arail;  }             ---------------声明

       这条规则表明所有<p>元素都是应该用Arail字体来显示。

        选择器表明要应用规则的元素。同一条规则可以应用在多个元素上,前提是你需要将这些元素名用逗号隔开。

        声明用于表明应该如何显示选择器指明的元素。声明分为连个部分(属性和值)并以冒号作为分隔符。

 

 

CSS‘属性会影响元素的显示方式

CSS声明位于花括号中,而且每条声明都由两部分组成:属性和值,两者’由冒号隔开。可在一条声明内指定多个属性,各部分之间用分号隔开。

示例:

h1,h2,h3{

                   font-family:Arail;

                   color:yellow;

}                        

上面这条规则表明所有的<h1>元素,<h2>元素和<h3>元素将以黄色的Arial字体显示。

属性表明你想要改变元素的哪些方面。例如颜色、文字、宽度、高度和边框。

值用来指定想要在所选属性上应用的设置。例如,如果要指定一个颜色属性,那么这个属性的值就是你希望这些元素中的文本所呈现的颜色。

 

转载于:https://www.cnblogs.com/qq3069418554/p/9051303.html

总结

以上是生活随笔为你收集整理的CSS将样式规则与HTML元素相关联的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。