扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本篇内容介绍了“CSS语法和选择器实例分析”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
深州ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!
CSS简介
css的英文全称Cascading Style Sheets,中文叫层叠样式表。它是用来表现HTML文件样式的计算机语言。它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS的特点是为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。它可以实现修改一个小的样式更新与之相关的所有页面元素。
CSS 语法
css的结构是由选择器,一条或多条声明组成的。每条声明是由属性和属性值组成的。属性是你想要设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。声明和声明之间被分号分开。
selector {property:value}
给大家举个栗子,给h4添加字体颜色为红色:
css样式如下:
h4 {color:#f00;}
童靴们看上边的栗子,h4就是选择器,color为设置的样式属性,#f00是属性值。
如果你想接着为h4添加样式,直接在分号后边写就可以,例如设置字号为24px;
h4 {color:#f00;font-size:24px;}
选择器的分组
在网页中,不免好多元素有相同的样式,那么我们可以对选择器进行分组,使分组的元素分享同一组样式。
p,h4{color:#f00;}
上面的例子,所有的p元素和h4元素字体颜色设置成红色。
继承
在CSS中,子元素可以继承父元素属性。
body中两个子元素分别是h4和p,给body元素添加属性,设置字体颜色为红色。
给body添加color属性
在浏览器中显示:
子元素继承父元素属性
通过CSS继承,h4元素和p元素继承了父元素body的属性。
“CSS语法和选择器实例分析”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流