前端css svg和png(Web前端学习笔记4——CSS)
导读: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版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!