- 博客(16)
- 收藏
- 关注

原创 第四章 CSS样式基础
随着 HTML的发展,为了满足页面设计者的要求,HTML添加了很多显示功能,但是随着这些功能的增加,使得HTML变得越来越杂乱,HTML,页面也越来越臃肿,CSS便诞生了。CSS 是用于简化 HTML标签,把关于样式部分的内容提取出来,进行单独地控制,使结构与样式分离式开发。对页面布局等的控制也更加精确,同时能够实现内容和表现的分离使得网站的设计风格趋向统一、维护更加容易,并且能够被多种浏览器支持。选择器:CSS通过选择器来定位HTML文档中的元素,并应用样式规则。
2024-09-29 09:45:00
2098

原创 第3章 表格布局与表单交互
标签一起使用, 标签为 内的元素提供标题或说明。使用 可以增加表单的可读性和逻辑结构,同时对表单元素进行逻辑分组也有助于使用屏幕阅读器的用户更好地理解表单内容。基本用法个人资料姓名:
2024-09-23 16:49:26
2125

原创 第一章 网页制作的基础知识
HTML基础HTML文档结构常用HTML标签及其属性表单和表格的使用HTML5新特性简介CSS基础CSS选择器和优先级CSS盒模型布局方法(包括Flexbox和Grid)响应式设计基础JavaScript基础JavaScript语法和基本概念函数和事件处理DOM操作JSON和Ajax简介前端开发工具浏览器及其开发者工具的使用版本控制工具(如Git)常用代码编辑器(如Visual Studio Code)前端框架和库Bootstrap简介。
2024-09-10 15:54:37
2938
1
原创 第十章JavaScript的应用
function函数名(varl,var2,var3){/*函数代码*/val、var2、var3 等指的是传人函数的变量或值,为函数的参数;大括号定义了函数的开始和结束。JavaScript 编程是使用“面向对象”的概念,也称为“对象化编程”。JavaScript“面向对象编程”的意思就是把JavaScript 能涉及的范围划分成大大小小的对象,对象下面还继续划分对象,所有的编程都以对象为出发点,基于对象,小到一个变量,大到网页文档、窗口甚至屏幕,都是对象。
2024-11-23 21:17:50
1333
原创 第九章DIV+CSS布局
DIV+CSS 是一种网页布局技术,它主要通过使用 HTML 中的 标签来定义网页上的各个区块,并利用 CSS(层叠样式表)来设置这些区块的样式和布局。这种技术与传统的表格布局相比,具有更多的优势,比如更好的可维护性、更灵活的布局方式以及对搜索引擎更加友好等。主要特点结构与表现分离:HTML 负责页面的内容结构,而 CSS 负责页面的表现形式(如颜色、字体、间距等)。这样的分离使得网站更容易维护,也便于更改设计风格。
2024-11-19 16:26:39
889
原创 第8章利用CSS制作导航菜单
导航对于一个网站来说,起到重要的引导作用。一个优秀的导航设计可以使网站结构晰、有条理,让用户快速地找到所需,让用户清晰明了地了解到网站的结构框架,能起到重要的指引作用。导航栏是网站设计中必不可少的一个模块。常见的网站导航有顶部水平导航、侧边纵向导航和底部导航等,区别于传统的表格布局,直接利用CSS,结合链接元素和列表元素来作导航菜单,将大大简化设计的流程。
2024-11-13 22:10:08
812
原创 第七章利用CSS和多媒体美化页面
基础概念a:link:用于定义未访问过的链接。a:visited:用于定义已经访问过的链接。a:hover:当鼠标悬停在链接上时的状态。a:active:当链接被点击但还未释放鼠标时的状态。颜色和字体样式 我们可以通过设置color属性来改变链接的颜色,同时可以调整font-family、font-size等属性来自定义文本的外观。去除默认下划线 默认情况下,浏览器会为超链接添加下划线。我们可以使用text-decoration: none;来移除它。
2024-10-26 19:56:30
869
原创 第六章元素应用CSS
在CSS中设置字体样式是网页设计中非常基础且重要的部分,它可以帮助设计师控制网页上文本的外观。以下是一些常用的CSS属性,用于设置字体样式:font-family:定义字体族,指定文本的字体。可以设置一个或多个字体,浏览器会使用列表中第一个可用的字体。font-size:定义字体大小。可以使用像素(px)、em、rem、百分比(%)等单位。font-style:定义字体风格,通常用来设置斜体。
2024-10-19 21:45:00
694
原创 第五章CSS盒模型
盒模型(Box Model)是Web开发中的一种概念,用于描述HTML元素如何在页面上占据空间。它将每个HTML元素看作是一个矩形盒子,并且定义了这个盒子由哪些部分组成,如何计算元素的总大小。盒模型包括以下四个区域:1. 内容区域(Content): 显示元素的实际内容,如文本或图片。这是最内部的区域,定义了元素的宽度和高度。2. 内边距(Padding): 内容区域与边框之间的空白区域。内边距会增加元素的整体尺寸,但它的背景颜色或图片可以扩展到内边距区域。
2024-10-10 11:30:14
634
原创 第一章网页习题
使用 HBuilder 编写符合以下要求的文档:网页标题为“网页学习”,在浏览器窗口中显示“欢迎大家一起开始学习网页制作”。完成效果如图1-17所示。其中网页所有文字的颜色为blue,背景颜色为#99fff;水平分割线粗细为5,颜色为#ff3333。代码代码界面网页界面。
2024-09-14 13:45:00
296
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人