- 博客(21)
- 收藏
- 关注
原创 第8章 利用CSS制作导航菜单
通过CSS去除列表的默认样式(如点号和缩进),并设置列表项的布局方式(如浮动或Flexbox)。来控制子菜单的显示和隐藏,以及通过JavaScript或CSS的。设计子菜单链接的样式,确保与主菜单链接风格一致或有所区分。添加鼠标悬停和点击事件,以改变链接的外观或执行其他动作。来包裹导航栏或子菜单,以便进行更精细的布局和样式控制。为子菜单列表项设计样式,确保与主菜单一致或有所区分。设计导航链接的样式,包括颜色、字体、悬停效果等。设计纵向导航链接的样式。设计底部导航链接的样式。设计子菜单链接的样式。
2024-12-25 10:47:00
1544
原创 第六章 元素应用CSS
可以通过指定一个固定的像素值(如1px、2px等)或者一个相对值(如0.1em、0.2em等,其中em是相对于当前字体大小的单位)来调整字符之间的间距。在百分比定位中,图像本身的某个点与背景区域的某个点重合,而不是将图像的左上角放置在指定位置。在CSS中,设置文本样式涉及多个属性,这些属性允许你控制文本的外观,包括字体、颜色、大小、对齐方式、行高、字间距、装饰(如下划线、删除线)等。属性允许你指定文本字符的大小,可以使用多种单位来设置,包括像素(px)、相对单位(em、rem)、百分比(%)等。
2024-12-02 12:22:35
1607
原创 第十章 JavaScript的应用
<head><title>移动窗口</title></script></head><body></script></body><title>confirm()的使用</title>var useChoice=window.confirm("请选择“确定”或“取消”");");");
2024-11-27 10:16:04
754
原创 第九章 DIV+CSS布局
/* 第九章DIV+CSS布局 *//* 9.1 DIV+CSS概述 *//* 9.1.1 认识DIV *//* 9.1.2 DIV的宽高设置 *//* 9.1.2.1 宽高属性 *//* 9.1.2.2 div标签内直接设置宽高 *//* 9.1.2.3 div使用选择器设置宽高 */.d1{#d2{</style>设置宽高
2024-11-27 10:11:00
612
原创 第七章 利用CSS和多媒体美化页面
list-style-image 是 CSS 中的一个属性,它允许你为列表项(list item)设置一个自定义的图像作为标记,而不是使用默认的圆点、方块或其他符号。list-style-position 通常与 list-style-type(设置列表项标记的类型)和 list-style-image(使用图像作为列表项标记)一起使用。型属性(list-style-type),列表项图片属性(list-style-image)和列表项位属性(list-style-position。
2024-11-12 21:43:07
603
原创 第五章 CSS盒模型
示例* {margin: 0;padding: 0;div {盒模型示例CSS盒模型本质上是一个盒子,外边距10px;内边距30px;边框10px的红色实线;盒子左浮动在同一行处。示例
2024-10-14 10:29:06
1869
原创 第二章 网页制作的排版方法
2.1 文字与段落排版 段落标签具备通过“align”属性进行对齐方式设定的功能。其中,“第一段”可使文本呈现居中对齐状态;“第二段”实现左对齐效果;“第三段”则达成右对齐布局。 标题标签具有多个级别划分,诸如“标题一”“标题二”“标题三”“标题四”等。这些不同级别的标题标签能够在文档中突出显示不同重要程度的内
2024-09-18 21:47:59
354
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人