css3的标签使用

一、css:

           1.基本选择器

            2.高级扩展选择器

           3.能够使用常用的css属性

           4.能够使用盒子模型的属性去调整网页(万能)

           5,完成一个网页的注册。(登入首页)

          (1)什么是css:

                     概念:层叠样式表:Cascade Style Sheet

           (2)作用:

美化网页:

规范

说明

大括号外面的单词或符号

选择器,选中要操作的元素或者标签

大括号

每组样式开始和结束

样式名

如:text-align是固定样式名,不能自己命名

冒号

分隔样式名和样式值

样式值

每个样式名对应的样式值,也是固定的,不可以输入不存在的

分号

每一个样式一分号隔开

注释

和java相同

           (3)CSS在网页中的三种位置

              (3.1)目标:

                             1.CSS的规则

                              2.CSS的三种表现形式

三种样式的位置:

以后真实项目中,第三种是最佳选项

2.三种样式的优先级:

什么级:

第一种>第三种>第二种

被覆盖的情况下:

行内样式>外部样式>html中style标签样式(内部样式)

小结:

1.行内样式有什么特点:只对一个标签起作用,style作为标签的属性使用

2.内部样式有什么特点:对整个网页起作用,在head以style标签的格式出现

3.外部样式有什么特点:以CSS文件格式独立于html之外可以重用,对多个网页文件起作用(引用),外部样式最大的不同作用就是能够给代码实现解耦。

3.CSS基本选择器

选择器的作用:

在操作样式之前,用选择器元素(某个标签)

标签选择器

语法:

标签名{

}

类选择器:

1.先给标签进行分类,通过class属性

2.在通过类名进行选择

语法:

.类名{

}

ID选择器:

1.给元素的属性加一个ID值

2.再通过ID选择元素,建议一个网页的ID要唯一

语法:

#id{

}

通用选择器:选中整个网页的所有元素

语法:

*{

}

选择器分类

作用

语法

备注

标签选择器

通用标签名来选择元素

标签名{}

类名选择器

通过类名选择元素

.类名{}

前提:先使用class属性给元素进行分类

id选择器

通过id的值选择元素

#id{}

建议,在同一个网页中id必须是唯一

通用选择器

选中网页中的所有元素

*{}

4.CSS选择器的优先级

id选择器>类名选择器>标签选择器>通用选择器

5.Css扩展选择器:

层级选择器:在基本的选择器基础上,进行各种组合,形成更加的灵活选择方式

属性选择器:通过属性名选择元素

语法:

层级选择器:父选择器 子选择器{}

例子:ul li{}  ,ul lo{}, tr td{}

属性选择器:标签名[]{}

例:input[ typle]{}

扩展选择器

格式

作用

语法符号

层级选择器

父选择器 子选择器

选择某个选择器下面的子元素

空格

属性选择器

[属性名]

只要包含这个属性的标签都会被选中

标签名[属性]

指定一个标签选择器,这个标签还要包括式属性,属性值没有要求

标签名[属性名="属性值"]

 优先级:标签名[属性名="属性值"]>标签名[属性]>[属性名]

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值