摘要: CSS伪类 1.链接伪类 :link 未访问链接 :visited 已访问链接 :hover 鼠标划过链接 :active 已选中的链接 2.结构伪类 first-child 选择父元素的第一个子元素。 last-child 选择父元素的最后一个子元素。 nth-child(n) n取值:数字,ev 阅读全文
posted @ 2022-04-14 23:39 请善待容嬷嬷 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 字体模块(@font-face) 语法: font-family:你的字体名称 src:url(你的字体文件路径) font-weight:你的字体粗细 font-style:你的字体样式 HTML Code: <div>天道酬勤</div> CSS Code: @font-face { font- 阅读全文
posted @ 2022-04-14 23:37 请善待容嬷嬷 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 文本阴影(text-shadow) 属性: 水平阴影位置 垂直阴影位置 阴影模糊距离 阴影颜色 ; HTML Code: <div class="box1"> 文本阴影 </div> CSS Code: .box1{ width: 100px; height: 100px; line-height: 阅读全文
posted @ 2022-04-14 23:35 请善待容嬷嬷 阅读(24) 评论(0) 推荐(0) 编辑
摘要: radio单选框,默认样式小圆圈,默认不会互斥,想要互斥有需要给一组单选框添加相同的name属性 <div>1.你对京东首页满意度如何</div> <div> <input type="radio" name="aaa" id="">非常满意 </div> <div> <input type="ra 阅读全文
posted @ 2022-04-14 23:33 请善待容嬷嬷 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 父元素不写高度时,子元素写了浮动之后,父元素会发生高度塌陷 示例代码: HTML代码: <div class="box"> <div class="box-l">left浮动</div> <div class="box-r">right浮动</div> </div> CSS代码: .box{ wid 阅读全文
posted @ 2022-04-14 23:24 请善待容嬷嬷 阅读(68) 评论(0) 推荐(0) 编辑
摘要: 缝隙未解决前缝隙解决后 1. 方案一 给父元素设置font-size:0;然后给子元素重新设置font-size style="font-size:0;" <style> <!--父元素设置font-size:0;--> .bg{ font-size: 0; } .box1{ height: 100 阅读全文
posted @ 2022-04-14 23:18 请善待容嬷嬷 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 一、盒子模型 1.内边距padding 1个值,4个方向一样 padding:10px; 2个值,上下,左右 padding:10px 10px ; 3个值,上 左右 下 padding:10px 10px 10px; 4个值,上 右 下 左 padding:10px 10px 10px 10px; 阅读全文
posted @ 2022-04-14 23:16 请善待容嬷嬷 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 1.背景属性 background background-color 背景颜色 background-color: red ; background-image 背景图片 background-image: url() ; background-repeat 背景图片的平铺 background-r 阅读全文
posted @ 2022-04-14 23:08 请善待容嬷嬷 阅读(52) 评论(0) 推荐(0) 编辑
摘要: CSS属性 1.文本属性 font-size 字体大小 单位是px,浏览器默认是16px,设计图常用字号是12px font-family 字体 多个字体中间用逗号连接,先解析第一个字体,如果没有解析第二个人字体 color 字体颜色 color:red; color:rgb(255,0,0)取值在 阅读全文
posted @ 2022-04-14 11:39 请善待容嬷嬷 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 标题标签 <h1> 🌹🍀🍎h1 h2 h3 h4 h5 h6 段落标签 <p> <p></p> 换行标签<br> <br/> 水平线 <hr/> <hr/> 加粗 <b> or<strong> 通常标签<strong>替换加粗标签<b>来使用 倾斜标签<em> or <i> 通常标签<em>替 阅读全文
posted @ 2022-04-14 10:48 请善待容嬷嬷 阅读(24) 评论(0) 推荐(0) 编辑