摘要：
场景：两个相互嵌套的块级元素，父子元素相互紧贴margin-top会合并作用在父元素的子元素结果：导致两个盒子同时移动 解决方法： 1.给父元素设置overflow：hidden 2.给父元素设置浮动 /* float:left */ 3.将父元素转为行内块元素 /*display:inline-b 阅读全文
posted @ 2021-12-29 14:20
嘉琦
阅读(179)
评论(0)
推荐(0)
摘要：
总结：所使用的知识点:1.padding应用以及box-sizing: border-box自动内减撑大的盒子 2.ul>li 的使用，去除黑圆圈 3.a标签的使用，去除默认样式《下划线》 html结构 <div class="box"> <h2>最新文章/New Articles</h2> <ul 阅读全文
posted @ 2021-12-28 21:36
嘉琦
阅读(164)
评论(0)
推荐(0)
摘要：
1.border当个属性： 作用 属性名 属性值 边框粗细 border-width 数字+px 边框样式 border-style solid实线、dashed虚线、dotted点线 边框颜色 border-color 颜色设置 连写格式：1.border：20px solid green； /* 阅读全文
posted @ 2021-12-28 21:09
嘉琦
阅读(454)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2021-12-28 17:48
嘉琦
阅读(33)
评论(0)
推荐(0)
摘要：
1.子元素默认会继承父元素的样式，但不是所有的元素都有继承 常见的继承父元素特点的元素有: 1.color 2.font-sytle、font-weight、font-size、font-family 3.text-indent、text-align 注意：可以通过chrome浏览器查看是否支持继承 阅读全文
posted @ 2021-12-28 17:40
嘉琦
阅读(215)
评论(0)
推荐(0)
摘要：
{ // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https: 阅读全文
posted @ 2021-12-28 15:09
嘉琦
阅读(98)
评论(0)
推荐(0)
摘要：
1.块级元素 属性：display：block 特点：1.一行只能显示一个元素 2.宽度默认是父元素的，高度是有内容撑开 3.可以设置宽、高常见块元素：div，p，h系列，ul、li，dl、dt、dd、from、header、nav、footer...... 2.行内元素 属性：display：in 阅读全文
posted @ 2021-12-28 14:01
嘉琦
阅读(111)
评论(0)
推荐(0)
摘要：
1.background-color：red ； //设置背景颜色为红色，rgb(0,0,0)和transparent 均为透明颜色 2.background-image（可缩bgi写用tab键） 语法：background-image：url('图片的路径')； 注意点：背景图片不会将原有的盒子撑 阅读全文
posted @ 2021-12-28 11:29
嘉琦
阅读(104)
评论(0)
推荐(0)
摘要：
1.ctrl+/ //注释代码 2.文件内容查找替换：ctrl+f ctrl+h ，替换一个ctrl+shift+1，替换所有ctrl+alt+enter 3.移动当前行，向上alt+up（方向键↑） 向下alt+down 4.跳转到文件头部/尾部：ctrl+home/end 使用tab键补充代码的 阅读全文
posted @ 2021-12-28 10:41
嘉琦
阅读(869)
评论(0)
推荐(0)
摘要：
1.后代选择器 html 结构 <div class='father'> <p>小哥哥 小姐姐</p> <div> <p>小帅锅</p> </div> </div> <p>小可爱</p> 使用后代选择器格式 .father p{ color：red； } 匹配的是"小哥哥 小姐姐" 和 "小帅锅"， 阅读全文
posted @ 2021-12-27 22:18
嘉琦
阅读(84)
评论(0)
推荐(0)
浙公网安备 33010602011771号