2026年7月8日
杂记
摘要： 5.30Web笔记 1.盒子的边框（border）:可以设置边框的颜色、粗细、样式 P132 块元素：div 、p、ul 2.solid:实线 dotted:点线 dashed:虚线 double:双线 （1）text-align: center; /*文字、图片全部水平居中*/ （2）line-h 阅读全文
posted @ 2026-07-08 09:55 issMa无尽海 阅读(7) 评论(0) 推荐(0)
杂记
摘要： 5.30Web笔记 1.盒子的边框（border）:可以设置边框的颜色、粗细、样式 P132 块元素：div 、p、ul 2.solid:实线 dotted:点线 dashed:虚线 double:双线 3. text-align: center; /*文字、图片全部水平居中*/ 4. line-h 阅读全文
posted @ 2026-07-08 09:50 issMa无尽海 阅读(4) 评论(0) 推荐(0)
背景图像
摘要： 1.背景图像P114 (1)background-image: url(img/bg5.jpg);背景图像 (2)background-repeat:背景重复的方式 repeat：沿水平和垂直两个方向平铺 no- repeat:不平铺，即背景图像只显示一次 repeat-x:只沿水平方向平铺 rep 阅读全文
posted @ 2026-07-08 09:49 issMa无尽海 阅读(4) 评论(0) 推荐(0)
2026年6月28日
弹性盒子（display:flex）布局页面
摘要： 6.24 容器：container 包含 项目：item 主轴交叉轴开始和结束是start和end 容器的属性：justify-content定义了项目在主轴上的对齐方式 .box{ justify-content:flex-start,flex-end,center,space-between,s 阅读全文
posted @ 2026-06-28 00:20 issMa无尽海 阅读(12) 评论(0) 推荐(0)
表单用表格来布局
摘要： 表单用表格来布局 1.细线制作表格 table{ border:1px soild red; border-collapse:collapse; } th,td{ border:1px soild red; } 相同的name值实现互斥效果（即选男不能选女） <lable>性别：</lable> < 阅读全文
posted @ 2026-06-28 00:20 issMa无尽海 阅读(5) 评论(0) 推荐(0)
2026年6月10日
Web第十四周笔记
摘要： 6.3 表格 <table border="" cellspacing="" cellpadding=""> <tr><th>Header</th></tr> <tr><td>Data</td></tr> /*制作1px粗细的表格*/ table{border-collapse:collapse;} 阅读全文
posted @ 2026-06-10 10:56 issMa无尽海 阅读(5) 评论(0) 推荐(0)
2026年5月30日
Web第五周课堂笔记
摘要： Web 一：新建web项目，包含三个文件夹：css,js,img；一个文件 css起到美化页面的作用（把style中间的内容剪切到css文件中，把主文件里的删除）在该位置写l+两空格恢复 JS起到交互作用（把script中间内容剪切到JS文件中，把主文件里的>删除)在该位置写s+三空格恢复 css与 阅读全文
posted @ 2026-05-30 14:27 issMa无尽海 阅读(7) 评论(0) 推荐(0)
Web第十一周课堂笔记
摘要： 文字居中：text-align: center; 行高：line-height:200px; 字体大小：font-size:24px; 字体：font-family； .clear{clear:both;width:100%;height:0;overflow:hidden ;} 去掉文字下划线 t 阅读全文
posted @ 2026-05-30 13:52 issMa无尽海 阅读(7) 评论(0) 推荐(0)
Web第十周课堂笔记
摘要： 一、布局原则 先分大块，再分小块，先横再竖 二、一到多的问题 文本折叠 （1）单行折叠 white-space: nowrap; 不折行 overflow: hidden;超出部分隐藏 text-overflow: ellipsis;用省略号显示 （2）多行折叠 display:-webkit-bo 阅读全文
posted @ 2026-05-30 13:51 issMa无尽海 阅读(9) 评论(0) 推荐(0)
Web第十三周课堂笔记
摘要： 5.29 P87 伪类选择器 第一个子元素 a:first-child 最后一个子元素 a:last-child 第n个子元素 a:nth-child(n) 奇数行 a:nth-child(2n+1) a:nth-child(odd) 偶数行 a:nth-child(2n) a:nth-child( 阅读全文
posted @ 2026-05-30 13:50 issMa无尽海 阅读(9) 评论(0) 推荐(0)
下一页