css四种选择器

css做样式,Html专注做结构

<style><×yle>写在<head></head>标签中

css规则有两个主要的组成部分构成:选择器一级一条或多条声明 例:<p> {color: red; }属性值前面,冒号后面保留一个空格;选择器和大括号之间保留空格


1.基础选择器


1).标签选择器:把某一类标签全部选择出来,比如<div><span>


2).类选择器:例:.red{color: red;}


多类名使用方式:例:<div class="red font20">亚瑟</div>


多类名开发中的使用场景:


1.把一些标签元素相同的样式(共同的部分)放在一个类里 2.这些标签可以调用公共的类,也可以调用自己独有的类


html font标签 语法


作用:规定文本的字体、字体尺寸、字体颜色。


说明:请使用样式(代替 <font>)来定义文本的字体、字体颜色、字体尺寸。<font>标签常用的属性有:color(文本颜色)、size(文本大小)、face(文本字体)等


3).id选择器


语法:#id名{


          属性1:属性值1;


          ...


          }


id选择器只能调用一次,别人切勿使用。


id选择器和类选择器的区别:


类选择器(class)好比人的名字,一个人可以有多个名字,同时一个名字也可以被多个人使用。(可以被调用多次)


id选择器好比人的身份证号码,全中国是唯一的,不得重复(只能被调用一次)


类选择器在修改样式中使用最多


4).通配符选择器


通配符选择器用*定义,会给所有的元素使用样式,特殊情况下才使用


语法: * {


          属性1: 属性值1;


          ...


        }


标签选择器:选出所有相同的标签


类选择器:根据需求选出一个或多个标签


id选择器:一次只能选一个


通配符选择器:选择所有标签

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容