CSS基础(一)——语法和选择器
CSS简介
css的英文全称Cascading Style Sheets,中文叫层叠样式表。它是用来表现HTML文件样式的计算机语言。它不仅可以静态地修饰网页,还可以协作各种脚本语言动态地对网页各元素举行格式化。
CSS的特点是为HTML标志语言提供了一种样式描述,定义了其中元素的显示方式。它可以实现修改一个小的样式更新与之相关的全部页面元素。
css的英文全称Cascading Style Sheets,中文叫层叠样式表。它是用来表现HTML文件样式的计算机语言。它不仅可以静态地修饰网页,还可以协作各种脚本语言动态地对网页各元素举行格式化。
CSS的特点是为HTML标志语言提供了一种样式描述,定义了其中元素的显示方式。它可以实现修改一个小的样式更新与之相关的全部页面元素。
CSS 语法
css的结构是由挑选器,一条或多条声明组成的。每条声明是由属性和属性值组成的。属性是你想要设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。声明和声明之间被分号分开。
selector {property:value}
给大家举个栗子,给h3添加字体彩为红:
css样式如下:
h3 {color:f00;}
童靴们看上边的栗子,h3就是挑选器,color为设置的样式属性,f00是属性值。
假如你想接着为h3添加样式,挺直在分号后边写就可以,例如设置字号为24px;
h3 {color:f00;font-size:24px;}
童靴们看上边的栗子,h3就是挑选器,color为设置的样式属性,f00是属性值。
假如你想接着为h3添加样式,挺直在分号后边写就可以,例如设置字号为24px;
h3 {color:f00;font-size:24px;}
挑选器的分组
在网页中,不免好多元素有相同的样式,那么我们可以对挑选器举行分组,使分组的元素共享同一组样式。
p,h3{color:f00;}
上面的例子,全部的p元素和h3元素字体彩设置成红。
继承
在CSS中,子元素可以继承父元素属性。
body中两个子元素分离是h3和p,给body元素添加属性,设置字体彩为红。
给body添加color属性
在扫瞄器中显示:
css选择器分为哪几类
子元素继承父元素属性
通过CSS继承,h3元素和p元素继承了父元素body的属性。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论