找回密码
 立即注册
首页 业界区 安全 CSS基础

CSS基础

简千叶 2025-5-31 23:29:15
一、介绍
CSS即层叠样式表(Cascading Style Sheets),用来对页面的字体、颜色、背景和其他效果实现精确描述。
二、基本语法
选择器
{
属性:值;
...
}
例如:
1.png

1.CSS基础选择器

  • 元素选择器

例如修改所有的
标签内容的字体颜色:
3.png


  • id选择器

例如有一个< p >标签的id属性值为p1,修改其字体颜色:
5.png


  • 类选择器
    6.png

例如有一个< h1 >标签和< h2 >标签,它们的class属性值都为head,那么可以用class属性对它们同时修改:
7.png

以上为最基础的三类选择器,其他种类选择器读者可自行查阅
三、如何写CSS
1.内部样式
8.png

如样例所示。在html文档中,在< head >标签内部加上< style >标签,即可在< style >标签内部编写CSS
2.外部样式表
在< head >中通过< link >引入外部.css文件:
9.png

3.内联样式
直接在标签的 style 属性中定义:
10.png

CSS中选择器后面大括号内不同的属性名称各不相同(例如color为字体颜色,font-size为字体大小),读者可自行搜索查阅

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册