登录  /  注册

什么是css样式表

青灯夜游
发布: 2021-04-02 15:57:14
原创
6714人浏览过
css样式表指的是层叠样式表(cascading style sheets),简称css,是一种用来表现html或xml等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种样式语言。

什么是css样式表

本教程操作环境:windows7系统、CSS3版、Dell G3电脑。

css样式表一般指的是CSS(层叠样式表)。

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种样式语言。

CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

css的组成

css定义由三部分内容组成:选择符,属性,属性值

选择符{属性:属性值;}
登录后复制

1、选择符:又称选择器,所有HTML语言中的标记都是通过不同的css选择器进行控制的。

2、属性:主要包括字体属性、文本属性、背景属性、布局属性、边界属性、列表项目属性、表格属性等内容。其中一些属性只有部分浏览器支持,因此使css属性的使用变得更加复杂

3、属性值:为某属性的有效值。属性与属性值之间用":"分号隔开。当有多个属性时,使用";"分隔。

举例:

<style>
h2{
font-family:宋体;
color:red;
}
</style>
登录后复制

(学习视频分享:css视频教程

注:h2 为选择器;font-family 为属性;“宋体”为属性值

css选择器

常用的有标记选择器,类别选择器,id选择器等。

1)标记选择器(又叫元素选择器,类型选择器)

what:HTML页面是由很多标记组成的,例如图像标记什么是css样式表、超链接标记、表格标记

等。而css标记选择器就是声明页面中哪些标记采用css样式。

举例:

<style>
a{
font-size:9px;
color:#F93;
}
<style>
登录后复制

2)类别选择器

格式: 点(.)+类别名称

使用标记选择器有局限性。如果声明标记选择器,那么页面中所有该标记内容都会发生变化。假设页面中有3个

标记,若想每个

的显示效果都不一样,则可以使用类别标记器。
  • 类别选择器的HTML标记,只需使用class属性来声明即可。

  • 在HTML标签中,可以应用多种类别选择器,这样可以使HTML同时加载多个类别选择器的样式。在多种类别选择器之间用空格进行分割,例如:

3)id选择器

id选择器是通过HTML页面中的id属性来选择添加样式,与类别选择器基本相同。

格式:"#"+id 属性值

命名id选择器要以"#"号开始,后加HTML标记中的id属性值。

更多编程相关知识,请访问:编程视频!!

以上就是什么是css样式表的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号