CSS语法

最新推荐文章于 2024-04-03 14:15:31 发布

wen_special

最新推荐文章于 2024-04-03 14:15:31 发布

阅读量458

点赞数 1

分类专栏： html 文章标签： css html

本文链接：https://blog.csdn.net/wen_special/article/details/53466459

版权

html 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

CSS语法
CSS声明总是以分号(;)结束，声明组以大括号({})括起来;
例
`html
p{
color:red;
text-align:center;
}
CSS注释
类似于Ｃ语言”/* “开始” */”结束
CSS Id和Class
id和Class选择器
如果要在html元素中设置CSS样式，你需要在元素中设置”id”和”class”选择器
id选择器
id选择器可以为标有特定的HTML元素指定的样式．
HTML元素以id属性来设置id选择器,CSS中id选择器以”#”来定义
例如:

<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title>id</title>
        <style>
            #paral{
                text-align:center;
                color:red;
            }
        </style>
    </head>

    <body>
        <p id="paral">hello world</p>
        <p>这个段落不受影响</p>
    </body>
</html>

注:id属性不要以数字开头，数字开头的id在Mozilla/Firfox浏览器中不起作用
class 选择器
class选择器用于描述一组元素的样式，class选择器有别于id选择器，class可以在多个元素中使用，class选择器在html中以class属性表现，在CSS中，类似选择器一个点”.”号显示,在下面的例子中，所有拥有center类的html元素均为居中，例如：
.center{text-align=center;}

<html>
    <head>
        <meta http-equiv="content-type"content="text/html charset=utf-8">
        <title>class</title>
        <style>
            .center{
                text-align:center;
            }
        </style>
        </head>

        <body>
            <h1 class="left">.,lj</h1>
            <p class="center">jihy7</p>
        </body>
</html>