等标记组成,但无法满足页面更多样式的要求,CSS可以帮助实现。而且如果站点内所有的网页都使用了同一个
样式表文件进行格式化,那么只需要修改这一个样式表就可以令整个网站的所有页面格式发
生变化,快捷而灵活。
二、 CSS样式表格式
1、CSS样式表的基本格式
由3部分组成:选择符(selector)、属性名(properties)和属性取值(value)。
格式为:selector {property:value}即选择符{属性:值;属性:值;属性:值…}。
把握两点:元素和样式(属性)
2、选择符说明
HTML标记选择符,选择符一般是你要定义样式的HTML标记,例如BODY、P、
TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开。
示例:body {color: black}
选择符body是指页面主体部分,color是控制文字颜色的属性,black是颜色的值,此例的
效果是使页面中的文字为黑色。
可以定义选择符组:h1、h2、h3、h4、h5、h6{color:balck};特点:仅对与样式表中相同
的标记中的内容起作用。
选择符组:可以把相同属性和值的选择符组合起来书写,用逗号将选择符分开,可
以减少样式重复定义:
h1, h2, h3, h4, h5, h6 { color: green }
(这个组里包括所有的标题元素,每个标题元素的文字都为绿色)
p, table{ font-size: 9pt }
(段落和表格里的文字尺寸为9号字)
效果完全等效于:
p { font-size: 9pt }
table { font-size: 9pt }
类选择符:用类选择符你能够把相同的元素分类定义不同的样式,定义类选择符时,
在自定类的名称前面加一个点号。假如你想要两个不同的段落,一个段落向右对齐,
一个段落居中,你可以先定义两个类:
{text-align: right}
{text-align: center}
然后用在不同的段落里,只要在HTML标记里加入你定义的class参数:
这个段落向右对齐的
这个段落是居中排列的
注意:类的名称可以是任意英文单词或以英文开头与数字的组合,一般以其功能和效果简要
命名
类选择符:还有一种用法,在选择符中省略HTML标记名,这样可以把几个不同
的元素定义成相同的样式:
.center {text-align: center}
(定义.center的类选择符为文字居中排列)
这样的类可以被应用到任何元素上。下面我们使h1元素(标题1)和p元素(段落)都
归为“center”类,这使两个元素的样式都跟随“.center”这个类选择符:
这个标题是居中排列的
这个段落也是居中排列的
注意:这种省略HTML标记的类选择符是我们今后最常用的CSS方法,使用这种方法,
我们可以很方便的在任意元素上套用预先定义好的类样式。
ID选择符:在HTML页面中ID参数指定了某个单一元素,ID选择符是用来对这
个单一元素定义单独的样式。
ID选择符的应用和类选择符类似,只要把CLASS换成ID即可。将上例中类用ID替
代:
这个段落向右对齐
定义ID选择符要在ID名称前加上一个“#”号。和类选择符相同,定义ID选择符的
属性也有两种方法。下面这个例子,ID属性将匹配所有id="intro"的元素:
#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}
(字体尺寸为默认尺寸的110%;粗体;蓝色;背景颜色透明)
下面这个例子,ID属性只匹配id="intro"的段落元素:
p#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}
注意:ID选择符局限性很大,只能单独定义某个元素的样式,一般只在特殊情况下
使用。
包含选择符
作用:单独对某种元素包含的元素起作用的样式表格式。
语法:E1 E2 { sRules }
说明:包含选择符。选择所有被 E1 包含的 E2 。即 ns(E2)==true 。
示例:table td { font-size:14px; } table a { font-size:14px; }
CSS中的注释:利用“/*”、”*/”表示开始和结尾。
本文标签:
选择符
元素
属性
定义
样式表
更多相关文章
c加加语言考试题及答案
年月日发(作者:开发教程)加加语言考试题及答案.单选题:以下哪个关键字用于定义一个类?....答案:.判断题:在中,构造函数可以有返回值。答案:错误.填空题:在中,使用____关键字可以定义一个友元函数。答案:.多选题:以下哪些是的引用类型
c语言形参定义
年月日发(作者:盒子模型咋写)语言形参定义语言中,函数中的参数可以分为形式参数和实际参数。形式参数就是在函数定义时声明的参数,也称为形参。它们只有在函数调用时才被赋值,因此也称为“虚拟参数”。形参在函数内部使用,但在函数外部是不可见的。形参
ts readonly 实现原理
年月日发(作者:韩国哪里人)一、概述在中,是一种属性修饰符,它可以用来定义一个只读属性。这意味着在使用该属性时,只能读取它的值,而不能修改它。本文将深入探讨的实现原理。二、的定义在中,我们可以使用关键字来定义一个只读属性。例如:{:;(:)
Windows CMD中的文件和目录属性管理技巧
年月日发(作者:代码字符串转数字)中的文件和目录属性管理技巧在操作系统中,(命令提示符)是一个非常有用的工具,可以用于执行各种任务和操作。在中,文件和目录属性的管理是一个非常重要的方面。本文将分享一些关于文件和目录属性管理的技巧,帮助您更好
2022秋国家开放大学《程序设计基础》形考1-4答案
年月日发(作者:教程)秋国家开放大学《程序设计基础》形考-答案形考一、填空题(每空分,合计分,如果以附件形式提交,请在答题输入框中输入提示文字”见附件“).计算机的五大主要应用领域是科学计算、数据处理、过程控制、计算机辅助教学和人工智能。.
北语20春《计算机科学导论》作业_1234
年月日发(作者:教案)春《计算机科学导论》作业_一、单选题(每题分,共道小题,总分值分).()是电子邮件服务的协议。....答:加:.二元运算符()两个输入为,输出也为。....前三项答:中的寄存器可以保存()。.数据.指令.程序计数值.以
程序设计基础部份知识点总结
年月日发(作者:二郎神的师傅是谁?)程序设计根底局部知识点总结知识点一程序设计的方式与风格程序设计()是指利用运算机解决问题的全进程,它包括多方面的内容,而编写程序只是其中的一局部。就程序设计方式和技术开展而言,要紧经历了构造化程序设计和面
(完整word版)vhdl基本语法
年月日发(作者:)(完整版)基本语法基础语法篇——硬件描述语言。概述。。的特点语言作为一种标准的硬件描述语言,具有结构严谨、描述能力强的特点,由于语言来源于、等计算机高级语言,在语言中保留了部分高级语言的原语句,如语句、子程序和函数等,便于
数据结构介绍
年月日发(作者:文件)数据结构介绍一、概述数据结构是计算机科学中的一个重要概念,是指数据的组织、管理和存储方式。它是一种用于表示和组织数据的方法,可以帮助我们更有效地处理和管理大量的数据。数据结构有很多种类型,每种类型都有自己独特的特点和用
数据结构知识总结
年月日发(作者:女人戴玳瑁手镯好吗)数据结构知识总结数据结构是计算机科学中最基本的概念之一,它研究了如何组织和管理数据,以便有效地使用和操作。数据结构是计算机程序设计中的核心,对于解决实际问题具有重要的意义。下面是我对数据结构的知识总结,希
2初识VB程序设计教案
年月日发(作者:专业电机生产厂商)算法与程序设计·初识程序设计第页,共页初识程序设计一、基本说明模块:算法与程序设计年级:高中二年级所用教材版本:教育科学出版社所属章节:第二章学时数:分钟二、教学设计、教学目标:知识、技能目标:了解程序设计
c语言单片机编程变量
年月日发(作者:网络编程实现实验报告)语言单片机编程变量单片机编程是指使用语言对单片机进行程序设计的过程。而变量是语言中用来存储数据的一种基本数据类型。在单片机编程中,变量起着非常重要的作用。它们可以用来存储各种不同类型的数据,如整数、浮点
C++语言程序设计第三版课后题答案
年月日发(作者:数据库如何查询)第一章概述-简述计算机程序设计语言的发展历程。解:迄今为止计算机程序设计语言的发展经历了机器语言、汇编语言、高级语言等阶段,语言是一种面向对象的编程语言,也属于高级语言。-面向对象的编程语言有哪些特点?解:面
atmega16单片机c语言程序设计经典实例
年月日发(作者:体系结构)单片机语言程序设计经典实例中括号在语言中用于表示数组、结构体、联合体和枚举类型等的定义和使用。在单片机的语言程序设计中,我们经常会用到数组和结构体,因此本文将以中括号为主题,详细介绍单片机上语言程序设计的经典实例,
面向对象程序设计名词解释汇总
年月日发(作者:中级数据库系统工程师)面向对象程序设计名词解释汇总篇一面向对象程序设计里,“类”那可太重要啦!啥是类呢?简单来说,类就是一种模板,就好像做蛋糕的模具一样。它定义了一组具有相同属性和行为的对象的蓝图。比如说,汽车就是一个类,具
AngularJS中TS定义Users类出现error TS2564: Property ‘id‘ has no initializer and is not definitely assigned
在Angular中定义Users类时,出现了error TS2564: Property id has no initializer and is not definitely assigned in the cons
SpringBoot中属性注入失败的问题Consider defining a bean of type ‘’’ in your configuration
记一个SpringBoot中属性注入失败的问题Consider defining a bean of type ‘’’ in your configuration 今天遇到的一个问题: 代码检查了好几次&#x
win10家庭版计算机属性里没有远程桌面,win10家庭版不支持远程桌面怎么办_远程桌面无法连接的解决方法...
众所周知,有些win系统的家庭版本是无法远程桌面连接的,而且在连接的时候会报错。如果重新安装系统十分麻烦。那么咱们要怎么解决这个部分Windows电脑无法远程桌面连接的问题呢?
C++编译提示宏重定义了,怎么办?
C编译提示宏重定义了,怎么办? 如果需要重新定义,要这样,先取消定义,再重新定义: #ifdef NUM
p元素里面的内容如果是英文不自动换行怎么办
加一个word-wrap:break-word word-wrap : normal | break-word 参数: normal : 允许内容顶开指定的容器边界break-word :
发表评论