首页IT科技前端css svg和png(Web前端学习笔记4——CSS)

前端css svg和png(Web前端学习笔记4——CSS)

时间2025-05-05 17:51:00分类IT科技浏览5201
导读:CSS基本语法规范...

CSS基本语法规范

CSS的使用的标签:<style></style>

style标签一般放在head里面            ,CSS一般由一个选择器和一个或多个声明组成

示例如下:

具体效果:

选择器即是选择HTML的标签                     ,color和font-size是属性      ,blue和100px是值         ,属性和值类似于C#里面的键值对                     ,一组属性和值组成了一个声明

选择器

选择器分为基础选择器和复合选择器两个大类

基础选择器是由单个选择器组成的          ,它包括标签选择器      ,类选择器                    ,id选择器和通配符选择器

上述的示例就是用的标签选择器              ,即:标签名{属性1:属性值1;属性2:属性值2;}

标签选择器可以选择一种标签   ,并对其属性进行修改                   ,标签选择器要改只能将一种标签全部修改                  ,不能单独修改

类选择器可以单独选择一个或某几个标签

语法:.类名{属性1:属性值1;}

调用这个类选择器时,需要调用的标签里面写calss="类名",在给类命名的时候               ,不能使用已经有的标签

每个标签里面都可以调用多个类                     ,类选择器的使用类似于C++里面的封装继承

示例:

1 <head> 2 <meta charset="utf-8"> 3 <title> 4 Test 5 </title> 6 <style> 7 .blue 8 { 9 color:blue; 10 } 11 </style> 12 </head> 13 <body> 14 <p>Hello World!</p> 15 <p class="blue">Hello World!</p> 16 <p class="blue">Hello World!</p> 17 </body>

具体效果:

声明:本站所有文章   ,如无特殊说明或标注            ,均为本站原创发布               。任何个人或组织                     ,在未征得本站同意时      ,禁止复制            、盗用                     、采集      、发布本站内容到任何网站         、书籍等各类媒体平台                  。如若本站内容侵犯了原著者的合法权益         ,可联系我们进行处理      。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
tpst药3期(tput命令 – 初始化和操作会话)