摘要: 一、布局的原则 先分大块,再分小块,先横再竖 二、几个1--n的问题 1、文本折叠 (1)单行折叠 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; (2)多行文本折叠 display: -webkit-box; -web 阅读全文
posted @ 2026-06-07 16:05 li萌 阅读(1) 评论(0) 推荐(0)
摘要: web文本样式属性 字体样式属性:为了更方便控制网页中各种各样的字体,css提供了一系列的字体样式属性。 font-size属性用于设置字号 font-family属性用于设置字体 font-weight属于定义字体的粗细 font-style属性用于设置字体变化 1.标签选择器 像h1{},p{} 阅读全文
posted @ 2026-06-07 16:05 li萌 阅读(1) 评论(0) 推荐(0)
摘要: css常用布局形式 一:传统布局(默认布局,元素从上到下、从左到右排列) 块级元素:独占一行(div、p、h1) 行内元素:同行排列(span、a、img) 二:浮动布局(float) 用途:早期做多列布局、导航栏 问题:高度塌陷,需要清除浮动 三:定位布局(position) static :默认 阅读全文
posted @ 2026-06-07 16:05 li萌 阅读(0) 评论(0) 推荐(0)
摘要: 文本折叠 布局的原则:先分大块,再分小块,先横再竖 文本折叠: 单行折叠: /去掉原点修饰符/ list-style-type: none; /不折行/ white-space: nowrap; /超出部分隐藏/ overflow:hidden; /超出的部分用省略号显示/ text-overflo 阅读全文
posted @ 2026-06-07 16:05 li萌 阅读(1) 评论(0) 推荐(0)
摘要: 相对位置和绝对位置 1.son{ width: 100px; height: 100px; background-color: blue; } 代表起始位置在父级框的左上角 margin: 100px aut o 0; 边框距离上面是100px 左右距离一样在中间 边框距离下面是0 3.注意 ①:如 阅读全文
posted @ 2026-06-07 15:59 li萌 阅读(5) 评论(0) 推荐(0)
摘要: 1web.背景图像P114 (1) background-image: url(img/bg5.jpg);背景图像 (2)background-repeat:背景重复的方式 repeat:沿水平和垂直两个方向平铺 no- repeat:不平铺,即背景图像只显示一次 repeat-x:只沿水平方向平铺 阅读全文
posted @ 2026-06-07 15:58 li萌 阅读(4) 评论(0) 推荐(0)
摘要: 盒子模型 盒子模型 一、div盒子分为四层,从内到外分别为: 1.边界(margin) 2.边框(border) 3.填充(padding) 4.内容(content) margin(外间距):盒子和其他元素之间的距离,用来控制元素间的间隙,不会撑大盒子本身 背景颜色会应用到除了margin之外的所 阅读全文
posted @ 2026-04-21 15:05 li萌 阅读(6) 评论(0) 推荐(0)
摘要: web文本控制 一.文本控制标记 文本相对图像的优势和劣势 优势:1.表达语义清晰准确2.占用体积小 劣势:1.美观性不足 2.排版劣性 阅读全文
posted @ 2026-04-05 12:29 li萌 阅读(2) 评论(0) 推荐(0)
摘要: web图像插入 一、插入的方法 <img src="xx.png"/> 二、分析img标记 1.单标记 2.样式的格式:选择器(属性1:属性值1;属性2:属性值2;..….小 3.块元素block、行元素inline、行内块元素inline-block (img) 三、网页中插入图片的原则 1.在保 阅读全文
posted @ 2026-04-05 12:27 li萌 阅读(5) 评论(0) 推荐(0)
摘要: 3月18日 一、问题: 1.基本的HTML5文档的格式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> 2.基本文档中的5对标记的关系 5对标记关系 阅读全文
posted @ 2026-03-21 13:29 li萌 阅读(3) 评论(0) 推荐(0)