• 技术文章 >web前端 >前端问答

    什么是css样式表

    青灯夜游青灯夜游2021-04-02 16:00:33原创3423

    css样式表指的是层叠样式表(Cascading Style Sheets),简称CSS,是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种样式语言。

    大前端成长进阶课程:进入学习

    本教程操作环境: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页面是由很多标记组成的,例如图像标记<img>、超链接标记<a>、表格标记<table>等。而css标记选择器就是声明页面中哪些标记采用css样式。

    举例:

    <style>
    a{
    font-size:9px;
    color:#F93;
    }
    <style>

    2)类别选择器

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

    使用标记选择器有局限性。如果声明标记选择器,那么页面中所有该标记内容都会发生变化。假设页面中有3个<h2>标记,若想每个<h2>的显示效果都不一样,则可以使用类别标记器。

    3)id选择器

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

    格式:"#"+id 属性值

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

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

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:css样式表
    上一篇:css怎么设置图片不平铺 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• css怎么实现内容不可选• css怎么设置图片不平铺• 纯CSS如何实现图片轮播• css怎么实现超出两行显示省略• css清除浮动的方法有哪些
    1/1

    PHP中文网