CSS基础

最新推荐文章于 2024-10-01 23:54:35 发布

原创最新推荐文章于 2024-10-01 23:54:35 发布 · 508 阅读

CC 4.0 BY-SA版权

文章标签：

3 篇文章

订阅专栏

本文深入探讨了CSS作为层叠样式表在定义UI样式方面的强大功能，提供了从基础语法到高级特性的全面指南，包括选择器的应用、继承、派生选择器、ID选择器和类选择器的使用，以及属性选择器的灵活运用。通过实例解析，帮助开发者高效地定制网页外观。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS介绍

selector{
    property:value
}

eg:
h1{
    color:red;
    font-size:14px;
}

选择器分组

eg:
a,h1,h3{
    property:valye;
}

标示a,h1,h3使用相同的样式

继承

body{
color:red;
}

body中其他未定义样式的将使用此处定义的样式

根据元素在其位置的上下文关系来定义样式

eg:
li strong{
    color:red;
}

则在<li><strong>XX</strong></li>中的XX才会变成红色,如果再定义一个

strong{
    color:blue
}

则只对其它strong标签中的起作用

id选择器常常用于建立派生选择器

eg:

#pid a{
    color:red;
}
<p id="pid">这些文字不会变色<a>这些文字变成红色</a></p>

以”.”来显示,也可以用作派生选择器

eg:
.MyClass{
    color:red;
}

<p class="MyClass">这些文字变红</p>

对带有指定属性的HTML元素设定样式

在header中指定
<style type="text/css">
    [title＝value]{
        color:blue;
    }
在Body中  
<p title=value>属性选择器,文字变蓝</p>