合集-前端

基本选择器
摘要：1.id选择器 /*id选择器*/ #d1 { /*找到id是d1的标签*/ color: green; } 2.类选择器 /*类选择器*/ .c1 { /*找到class值里包含c1的标签*/ color: red; } 3.元素（标签选择器） /*(元素)标签选择器*/ span { /*找到所 阅读全文
posted @ 2023-10-09 20:53 wellplayed 阅读(47) 评论(0) 推荐(0)
组合选择器
摘要：1.后代选择器 /*后代选择器*/ div span { /*div后代所有的span*/ color: red; } 2.儿子选择器 /*儿子选择器*/ div>span { /*div下一级的后代中的span*/ color: red; } 3.毗邻选择器 /*毗邻选择器*/ div+span 阅读全文
posted @ 2023-10-09 21:05 wellplayed 阅读(39) 评论(0) 推荐(0)
属性选择器
摘要：# 属性选择器是以 [ ] 作为标志的 方法一： [username] { /*把所有含有属性名是username的标签背景色改为红色*/ background-color: red; } 方法二： [username='jason'] { /*找到所有属性名是username并且属性值是jason 阅读全文
posted @ 2023-10-09 21:14 wellplayed 阅读(35) 评论(0) 推荐(0)
伪类选择器(实现鼠标悬浮字体变色效果)
摘要：链接框与文本框： 实现鼠标悬浮变色效果 a:link { /*访问之前的状态*/ color: red; } a:hover { /*鼠标悬浮态*/ color: aqua; } a:active { /*鼠标点击不松开的状态：激活态*/ color: black; } a:visited { /* 阅读全文
posted @ 2023-10-10 17:29 wellplayed 阅读(167) 评论(0) 推荐(0)
解决浮动带来影响的方法
摘要：# 浮动会带来的影响 —— 会造成父标签塌陷的问题 解决办法： 方法一：自己加一个div，设置高度 方法二：利用clear属性 #d1{ clear: left; /*该标签的左边(地面和空中)都不能有浮动的元素*/ } 方法三：使用通用方法 在写HTML代码前，先提前写好处理浮动带来的影响的css 阅读全文
posted @ 2023-10-11 19:58 wellplayed 阅读(93) 评论(0) 推荐(0)
溢出属性
摘要：溢出属性的标签：overflow 使用案例： 1.溢出部分展示 overflow: visible; /*溢出部分展示(默认就是可见的)*/ 2.溢出部分隐藏 overflow: hidden; /*溢出部分隐藏*/ 3.设置上下滚动条 overflow: scroll; /*设置成上下滚动条的形式 阅读全文
posted @ 2023-10-11 20:16 wellplayed 阅读(49) 评论(0) 推荐(0)
JavaScript模态框无法弹出的问题
摘要：可能是复制的时候class内缺少了 bs-example-modal-lg 导致的 修改代码如下： <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModa 阅读全文
posted @ 2023-11-01 17:09 wellplayed 阅读(115) 评论(0) 推荐(0)