- 博客(7)
- 收藏
- 关注
RSS订阅原创 CSS-盒子模型.绝对定位与相对定位
设置一个大盒子a里面包裹4个小盒子（b,c,d,e）,给大盒子设置相对定位position: relative后就可以给小盒子设置绝对定位position: absolute使小盒子的位置改变。使用left、top、bottom、right4个元素来设置小盒子的位置。使用绝对定位时必须要有一个父盒子设置了相对定位！
2025-06-19 18:26:28
162
原创 CSS-优先级
用CSS可以做到将网页的表现与HTML的结构和内容相分离，CSS通过对页面结构的风相进行控制，进而控制整个页面的风格。也就是说，页面中显示的内容放在结构里，而修饰、美化放在表现里，做到结构（内容）与表现分开。这样，当页面需要运用不同的表现时，就可以呈现术一样的样式外观，就像人可以换穿不同的衣服。这里所说的表现就是结构的外衣， W3C 推荐使用CSS来完成表现。理解优先级规则对于解决样式冲突至关重要。在上图中为内容定义了两种颜色，而显示的是class中设置的颜色，说明class类比外层标签优先级高。
2025-06-19 17:55:59
162
原创 做一个简单的静态网页
第三部分内容方面和上面一样，做了一个父级盒子加上两个子级盒子，使用flex，将盒子打横排列，背景使用了background: linear-gradient（）渐变效果来提升整体美观。左边图片和文字用了阴影效果box-shadow。导航栏我使用了displaced：flex；然后我是头部图片大小设计的盒子（后面的内容都是根据第一张图片的大小设计的），然后将图片置入。后面的内容和上面的大差不差，下面三张图片添加了鼠标放在上面会变大的效果。整体我使用了一个大盒子将内容框了起来，可以看到图片边边有黑色的边框。
2025-05-04 23:42:50
208
原创 简单的页面制作
文章标题我们用h标签和b标签（加粗）然后用水平线标签hr隔开标题和正文，使用列表标签ul和li加上超链接a标签，使用水平线隔开。插入表格table，在文字需要跳转的文字里面加入超链接a。使用from创建表单，输入内容用input。写入文字之后使用img插入学校校徽，用span来定义网页上的。
2025-04-06 17:08:42
315
原创 HTML中如何创建表格
所谓不规则表格是单元格的个数不等于行乘以列的数值，也就是单元格在行和列中的分布是不平均的。表格在实际应用中经常使用不规范表格，需要把多个单元格合并为一个单元格，也就是要用到表格的跨行、跨列等功能。也就是说，表格的每行是由若于表项组成的，每行的表项数量可以不一样。表格的标签为<table>行的标签为<tr>表项的标签为<td>。在浏览器中显示时，<th>标签的文字按粗体显示，<td>标签的文字校正常字体显示。表格是网页中的一个重要容器元素，表格除了用来显示数据外，还可用于搭建网页的。
2025-03-24 15:58:28
207
原创 HTML超链接和图片插入的基础应用
img srcm"图像文件名”alt="替代文字"title="鼠标悬停提示文字”width-"图像宽度”<a href-"urI" title="指向链接时显示的文字”target”窗口名称”>热点文本</a >height="图像高度" border="边框宽度”hspace="水平空白”vspace="垂直空白"在HTML中，用くimg>标签在网页中添加图像，图像以嵌入的方式添加到网页中。可以通过<a>标签在 HTML中创建超链接。①通过使用 href 属性创建指向另一个文档的超链接。
2025-03-04 20:54:37
438
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人