- 博客(10)
- 收藏
- 关注
原创 HTML-盒模型.浮动
盒子设置房float属性浮动后,将脱离其原本位置,文档流后面的元素会自动递补其位置。盒子浮动起来后,会生成一个与父盒等宽的浮层。左浮动:第一个设置左浮动的盒子浮至浮右浮动:第一个设置右浮动的盒子浮至浮(left) 层,其它设置左浮动的盒子紧跟 层,其它设置右浮动的盒子紧跟其后。从左到右排序,直到放不 其后。从右到左排序,直到放不下才换行。下才换行。
2025-05-21 19:12:56
645
原创 HTML-盒模型.绝对定位
left:( )px————————距离"左"边距(向右移动)right:()px————————距离"右"边距(向左移动)bottom:()px-——————距离"下"边距(向上移动)top:()px————————距离"上"边距(向下移动)先做出几个方块,然后加亿点点手段。
2025-05-18 21:54:32
388
原创 CSS-伪类.伪元素
常用的 CSS 伪元素有 ::before、::after、::first-line、::first-letter 等。CSS 伪元素是一种特殊的选择器,它可以在不改变 HTML 结构的情况下对页面元素的特定部分进行样式设置。伪类可以看作以选中元素为基准点,此元素的一些状态或属性。CSS 伪元素是用来添加一些选择器的特殊效果。
2025-05-18 21:03:06
230
原创 CSS-表格/表单设计
网页的排版离不开对文本的设置。本节主要讲述常用的文本样式,包括文本水平对齐方式行高文本的修饰段落首行缩进首字下沉文本的截断文本的颜色及文本的背景颜色。字体样式主要涉及文字本身的效果,而文本样式主要涉及多个文字(段落)的排版效果。所以CSS在命名属性时,特意使用了font前缀和text前缀来区分两类不同性质的属性。
2025-05-18 20:46:35
303
原创 CSS-选择器
兄弟选择器分相邻(+)和通用(~)两种。相邻兄弟选择器选紧接在另一元素后的同父元素元素;通用兄弟选择器选指定元素后同属一个父元素的所有兄弟元素,用于精准设置网页元素样式。是 CSS 选择器,用“+”表示,用于选取与指定元素相邻且有相同父元素的下一个元素。用空格分隔元素选择器,用于选取指定元素的所有后代元素,无论嵌套多深,可精准定位元素并应用样式。是 CSS 选择器,用“>”表示,仅选择指定元素的直接子元素,可精确控制样式应用范围。
2025-04-19 22:56:46
244
原创 HTML—表格设计
在 Web 前端开发中,表格是一种非常常见且重要的元素,它可以用来展示结构化的数据,比如用户信息商品列表等等;除了用来显示数据外,还可用于搭建网页的结构;这篇博客将介绍一些关于 Web 前端表格开发的知识和技巧。
2025-03-23 18:32:51
594
原创 HTML插入图片与超链接的应用
3: <meta> 标签是 HTML 中用于定义网页的元数据(metadata)的元素,它并不会直接在浏览器中显示出来。4: body 标签包含期望让用户在访问页面时看到的全部内容,包括文本、图像、视频、游戏、可播放的音轨或其他内容。2: head 标签在HTML文档中起重要作用,主要用于定义文档中的头部信息,包括文档的元数据和各种属性。1: 在HTML文档中, html标签包含整个页面的所有内容,有时候也称作根元素。
2025-03-04 22:10:45
222
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅