外链论坛

 找回密码
 立即注册
搜索
查看: 95|回复: 2

css样式

[复制链接]

2993

主题

312

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99099220
发表于 2024-6-30 08:10:10 | 显示全部楼层 |阅读模式

css

样式三种写法:

1:内部样式 存在在head标签中

2:内联样式 以属性style的方式添加在标签中

3:外边样式 创建独立的html页面,并在页面head标签中添加

<link rel="stylesheet" href="css文件位置"> >创建独立的css文件

另一种引入方式:在style标签第一行添加@import url(css/style.css);

样式权重

外边样式 内部样式<内联样式(就近原则)

css选取

类型选取器(标签选取器):div span h1 p...

选取器:选中指定的元素,在一个页面中能够多次显现

1:在标签中添加属性class="mz"

2:在样式中的选取器 .mz{}

id选取器:选中指定的元素,在一个页面中只准许显现一次

1:在标签中添加属性id="mz"

2:在样式用添加选取器 #mz{}

伪类选取器:

:link{} 未拜访之前的状态

:visited{} 拜访过后的状态

:hover{} 鼠标悬停的状态

:active{} 鼠标按下的状态

重视:有次序需求 love hate

通配符 * 匹配页面所有的元素,进行统一操作

群组选取选取器1,选取器2,选取器3{}

包括选取器(后代选取器) 选取器1 选取器2 选取器3{}

选取器权重对比

id > class > 类型选取

100 10 1

内联样式选取器权重1000

包括选取器权重值 为各个选取器权重之和

css层叠:指的是优先加载权重值高的,除非有添加!important

回复

使用道具 举报

2949

主题

2万

回帖

9956万

积分

论坛元老

Rank: 8Rank: 8

积分
99569304
发表于 2024-9-27 04:12:13 | 显示全部楼层
我深受你的启发,你的话语是我前进的动力。
回复

使用道具 举报

3012

主题

2万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99159149
发表于 2024-10-12 10:00:19 | 显示全部楼层
感谢楼主分享,祝愿外链论坛越办越好!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-9 09:33 , Processed in 0.070507 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.