首页前端开发CSS Css选择器以及css边框样式

Css选择器以及css边框样式

时间2024-05-24 18:54:03发布访客分类CSS浏览88
导读:什么是选择器: 页面元素很多,选定其中的元素,添加样式,找到元素的办法,选择器。 选择器{ 样式内容 } 全局(通配)选择器:所有元素的选择 元素集合 *{ 样式内容 } 包括 html body Css注释: /* 注释内容 */...

什么是选择器:

页面元素很多,选定其中的元素,添加样式,找到元素的办法,选择器。

选择器{

样式内容

}

全局(通配)选择器:所有元素的选择 元素集合

*

样式内容

包括 html body

Css注释: /* 注释内容 */

Id选择器:所有的元素都有id属性 id每个元素唯一 单个元素

#id{

样式内容

}

类选择器: class="类名称" 对所有 拥有class名称的元素,统一添加样式,集合元素

.类名称{

样式内容

}

注意:为不同的元素,添加统一的样式

标签(标记选择器),根据元素的标记 选择元素,集合元素

标记{

样式内容

}

伪类选择器: 超连接:

刷新页面 :link{ } à不同浏览器下状态不同 a{}

鼠标移动上 :hover{ }

点击 :active{ }

访问过 :visited{ }

派生选择器: 父子类型的选择器:

父亲 子{ }

父子递进关系表现清除

注意:父亲 和 子 可以用前6中选择器来标识

群组选择器: 前7中选择器的组合

Id,class,标签,伪类,全局,{ 样式 }

边框样式

Border: 粗细(像素) 线条样式 颜色

Solid 实线 *****

Dotted 虚线

Dashed 虚线 线段

Double 双线边框

Border 组合样式

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: Css选择器以及css边框样式
本文地址: https://pptw.com/jishu/667220.html
WordPress选择指定物件防垃圾评论插件 - Fancy Captcha安装和设置 PaddlePaddle中的模型压缩和加速方法有哪些

游客 回复需填写必要信息