2021年6月27日
摘要: 浏览器控制台使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>浏览器控制台使用</title> </head> <body> ​ <!-- JavaScript严格区分大小写! --> ​ <script 阅读全文
posted @ 2021-06-27 14:34 琪琪又炸毛了 阅读(440) 评论(0) 推荐(0) 编辑
摘要: JS基本使用 内部标签 <!-- 内部标签: script标签内,写Javascript代码 --> <script> alert('Hello,World!'); </script> 外部引入 <!-- 外部引入 --> <!-- 注意:script标签必须成对出现 --> <script src 阅读全文
posted @ 2021-06-27 12:55 琪琪又炸毛了 阅读(73) 评论(0) 推荐(0) 编辑
摘要: z-index 及透明度 z-index 图层 默认是0,最高无限 .box{ position: relative; } ​ div:nth-of-type(1){ width: 200px; height: 200px; background: #c3d23b; border: 1px soli 阅读全文
posted @ 2021-06-27 01:10 琪琪又炸毛了 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 定位 相对定位 相对定位 : position: relative; 相对于原来的位置,进行指定的偏移,相对定位的话,他仍然在文档流中 top : 10px; 距离上方移动10px (向下) left bottom right :-20px; 距离右方移动-20px (向右) html : <!DO 阅读全文
posted @ 2021-06-27 00:25 琪琪又炸毛了 阅读(39) 评论(0) 推荐(0) 编辑
2021年6月26日
摘要: 父级边框塌陷问题 clear clear : right; 右侧不允许有浮动元素 clear : left; 左侧不允许有浮动元素 clear : both; 两侧不允许有浮动元素 clear : none; 解决方法: 1.增加父级元素的高度 #box{ width: 1500px; height 阅读全文
posted @ 2021-06-26 23:07 琪琪又炸毛了 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 浮动 标准文档流 块级元素 : 独占一行 h1~h6 p div 列表... 行内元素 : 不独占一行 span a img strong... 行内元素 可以被包含在 块级元素中,反之,则不可以 display 也是一种实现行内元素排列的方式,但是我们很多情况通用float block 块元素 i 阅读全文
posted @ 2021-06-26 18:48 琪琪又炸毛了 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 盒子模型 什么是盒子 margin : 外边框 border : 边框 padding : 内边框 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> ​ <link re 阅读全文
posted @ 2021-06-26 12:19 琪琪又炸毛了 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 背景图像及渐变 背景图像 border 边框 : 粗细(px), 样式 (solid实线,dashed虚线), 颜色 background-image: 默认是全部平铺的 no-repeat 不平铺 repeat-x 横向平铺 repeat-y 纵向平铺 代码: html: <!DOCTYPE ht 阅读全文
posted @ 2021-06-26 10:53 琪琪又炸毛了 阅读(130) 评论(0) 推荐(0) 编辑
2021年6月25日
摘要: 列表样式 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> ​ <link rel="stylesheet" href="../列表样式/style.css"> ​ </h 阅读全文
posted @ 2021-06-25 18:08 琪琪又炸毛了 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 阴影和超链接伪类 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> ​ <style> /*默认的颜色*/ a{ text-decoration: none; color: blac 阅读全文
posted @ 2021-06-25 16:45 琪琪又炸毛了 阅读(104) 评论(0) 推荐(0) 编辑