首页 > 作文

css基础,css选择器

更新时间:2023-04-03 17:00:52 阅读: 评论:0

07.29自我home是副词吗总结

css基础

一.什么是css

css是级联样式表

css术语标记语言,没有逻辑

css作用 完成网页内容的样式与布局

二.css的三种引入方式

1. 内联式

书写位置:在 head标签内定义一个stype标签内css语法:css选择器{样式1;样式2}

优缺点:可读性强,有复用性,样式被html页面绑定了,不能提供给其它html页面使用

2. 外联式

书写位置:在外部css文件中,在html文件中通过link标签引入css文件ccs文件内css语法:css选择器{样式1;样式2}html文件中导入css文件语法:<link rel="stylesheet" href="css文件路径">

优缺点: 可读性强,有复用性,适合团队开发(文件级别的复用性)

3. 行间式

书写位置:在标签的style属性中书写样式css语法:<标签 stype='样式1;样式2;'>

优缺点:可读性差,没有复用性,书写直接

4. 三种方式的优先级别

内联与外联之间没有优先级区别,由于html属于解释性语言,书写在下方的会覆盖上方的样式

行间式的优先级要高于一切

三.css选择器

统配选择器

* {妇女创业贷款  样式1;}<!--表示所有样式-->

标签选择器

标签名 {  样式1;}<!--表示该标签内的样式-->

类选择器

.类名{  样式1;}<!--表示该类内的样式-->

id选择器

#id名称{  样梁小竹式1;}<!--表示该id下的样式-->

高级选择器(简单讲解)

标签名.类名{    样式1;}<!--同类名的情况下比较前面的标签的个数,个数越多优先级越高-->

关键字! important

写在样式后面用宫格隔开

优先级:! important > 行间式 > id > class > 标签 > 统配

从作用范围来判断的优先级:作用范围越精确,优先级越高

样式内容key如果石家庄铁路职业技术学院单招有白皙美白防晒隔离乳根据优先级进行取舍,没有则增加

本文发布于:2023-04-03 17:00:51,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/1915879196d140f46a87e5ec4f6855b1.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:css基础,css选择器.doc

本文 PDF 下载地址:css基础,css选择器.pdf

标签:样式   优先级   标签   文件
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图