css样式表由什么组成-亚博电竞手机版
css样式表由什么组成
这篇文章主要介绍“css样式表由什么组成”,在日常操作中,相信很多人在css样式表由什么组成问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css样式表由什么组成”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
css样式表的三个组成部分:1、选择器,用于告诉浏览器指定样式将作用于页面中哪些对象;2、属性,是css提供的设置好的样式选项,主要包括字体属性、文本属性、背景属性、布局属性等;3、属性值,是指定属性的有效值,属性与属性值间以“:”号分割。
本教程操作环境:windows7系统、css3&&html5版、dell g3电脑。
css样式表的组成
在css样式表中包括三个部分的内容:选择符、属性和属性值。语法样式如下:
选择符{属性:属性值;}
语法说明如下:
选择符(selector):又称选择器,是css中很重要的概念,所有html中的标记都是通过不同的css选择器进行控制的。
它告诉浏览器该样式将作用于页面中哪些对象,这些对象可以是某个标签、所有网页对象、指定 class 或 id 值等。浏览器在解析这个样式时,根据选择器来渲染对象的显示效果。
属性(property):是 css 提供的设置好的样式选项,主要包括字体属性、文本属性、背景属性、布局属性、边界属性、列表项目属性、表格属性等内容。其中一些属性只有部分浏览器支持,因此使用css属性的使用变得更加复杂。
属性值(value):指定属性的有效值。属性与属性值之间以“:”号分割。当有多个属性值时,使用“;”分隔。
css选择器
css选择器常用的是标记选择器、类别选择器、包含选择器、id选择器、类选择器等。使用选择器即可对不同的html标签进行控制,从而实现各个效果。下面对三种基本选择器进行详细的介绍。
1.标签选择器
html页面是由很多标机组成,例如图片标记、超链接标记
模块名称 | 功能描述 |
---|---|
basic box model | 定义各种与盒子相关的模块 |
line | 定义各种与直线相关的样式 |
lists | 定义各种与列表相关的样式 |
text | 定义各种与文字相关的样式 |
color | 定义各种与颜色相关的样式 |
font | 定义各种与字体相关的样式 |
background and border | 定义各种与背景和边框相关的样式 |
paged media | 定义各种页眉、页脚、页数等页面元素数据的样式 |
writing modes | 定义页面中文本数据的布局方式 |