自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 CSS盒子的定位> (下篇)#固定定位#笔记

固定定位其实是绝对定位的子类别,一个设置了的元素是相对于视窗固定的,就算页面文档发生了滚动,它也会一直待在相同的地方。

2024-11-15 14:35:32 607

原创 CSS盒子的定位> (中篇)#绝对定位#附练习

相对于已经定位的进行定位;若上层元素没有定位,则向更上层寻找已定位元素,直至根元素。

2024-11-15 13:48:50 721

原创 CSS盒子的定位>(上篇)#定位属性#相对定位-附练习

position属性可以选择4种不同类型的定位方式。,相对于其正常位置进行定位。②,元素的位置通过 left、top、right 和 bottom属性进行规定。③,相对于浏览器窗口进行定位,元素的位置通过left、top、right以及 bottom 属性进行规定。

2024-11-13 20:09:05 653

原创 CSS盒子模型> #文档流 #文档流的缺陷

元素摆放布局非常不灵活,出现元素间高低不平,元素间底边对齐,文本空格折叠,元素间空隙过小的现象。即使有许多个空格,最后网页只会显示一个空格。行内元素的文档流(从左到右流水线摆放)块元素的文档流(自上而下流水线摆放)

2024-11-12 20:19:56 230

原创 CSS盒子模型> #属性#附练习题

所谓盒子模型:就是把HTML页面中的布局属性看作是一个矩形的盒子,也就是一个盛装内容的容器。。

2024-11-06 02:12:35 1288

原创 【JavaScript进阶部分】DOM操作>. #JS语法进阶

DOM是document object model(文档对象模型)的缩写,它是JavaScript操作网页的接口,当网页被加载时,浏览器将网页转为一个DOM,并用JS进行各种操作。比如:改变页面中的HTML 元素及其属性,改变页面中的CSS 样式,对页面中的事件做出响应。可以理解为,DOM操作就是为了用JS程序。浏览器会根据DOM模型,将结构化文档HTML解析成一系列的节点,再由这些节点组成一个树状结构(DOM Tree)。最常用的节点类型有:①document:整个文档是一个文档节点②。

2024-11-03 22:29:17 875

原创 CSS常用声明> (下篇)#表格属性#表单样式设置_附练习

文本域主要用于采集用户在其中编辑的文字信息,通过CSS样式可以对文本域内的字、颜色,以及背景图像加以控制。通过CSS样式可以对按钮的字体、颜色、边框,以及背景图像加以控制。border-collapse属性用来设置表格的边框是合并成单边框,还是分别有各自的边框。empty-cells属性用于设置当表格的单元格无内容时,是否显示该单元格的边框。border-spacing属性用来设置相邻单元格边框间的距离。下面以示例的形式介绍如何使用CSS修饰文本域。下面以示例的形式介绍如何使用CSS修饰按钮。

2024-11-01 17:09:44 1763

原创 CSS常用声明>(中篇)#背景属性#+练习题

【代码】CSS常用声明>(中篇)#背景属性#+练习题。

2024-10-26 15:48:09 641

原创 CSS常用声明>(上篇) #文本#图像属性

在学习HTML时,通常也会使用HTML对文本字体进行简单的样式设置,而使用CSS对字体样式进行设置远比使用HTML灵活,精确得多,同时可以达到网页内容结构与外观分离的目的。

2024-10-25 16:49:36 1007

原创 CSS语法基础> #CSS选择器笔记附练习题

选择器决定了格式化将应用于哪些元素。CSS选择器包括基本选择器、复合选择器、通配符选择器和特殊选择器。最简单的选择器可以对给定类型的所有元素进行格式化,复杂的选择器可以根据元素的class或id、上下文、状态等来应用格式化规则。

2024-10-21 00:00:30 743 1

原创 CSS样式规则和引入方式> #CSS基础⭕ #干货知识

行内样式是各种引用CSS方式中最直接的一种,也叫内联样式。行内样式就是通过指定标签style属性的方式编写CSS样式(任何HTML标签都拥有style属性)。这种样式表只对所定义的标签起作用,并不对整个页面起作用。行内样式的格式为">测试CSS使用方式:行内式内部样式表是指样式表的定义处于HTML文件一个单独的区域,与HTML的内容和结构标签分离开来,从而实现对整个页面范围的内容、结构和表现进行统一的控制与管理。与行内样式只能对所在标签进行样式设置不同,

2024-10-18 17:10:53 695

原创 HTML页面的布局与交互(‼附元素拓展及页面语义结构练习题)

在HTML5中,为了使文档的结构更加清晰明确,使用了文档结构元素构建网页布局。典型布局如图。

2024-10-18 00:12:19 1074

原创 HTML表单笔记> #干货 #知识‼

表单是网页中最常用的元素,是网站服务器端与客户端之间沟通的桥梁。表单在网上随处可见,可用于登录页面输入账号、客户留言、搜索产品等。

2024-10-17 17:22:37 775

原创 HTML表格笔记>

在HTML语法中,表格主要通过、和3个标签构成。表格的标签为,行的标签为,表项的标签为。表格的语法格式为表格的第一行、第一列都可以作为表头,文字样式为居中,加粗显示,通过来实现。在浏览器中显示时,标签的文字按粗体显示,标签的文字按正常字体显示。

2024-10-06 17:11:56 608

原创 HTML列表笔记>

标签的type属性用来定义一个有序列表的符号样式,在ol后指定符号的样式,可设定直到

2024-10-05 17:08:33 517

原创 HTML的图像标签和超链接

从本地导入图片(相对路径)

2024-10-04 16:20:28 2230

原创 HTML的基本骨架标签,段落换行水平线标签,文本标签

在HTML中,通常标签都是由开始标签和结束标签组成的,开始标签用“”表示,结束标签用“”表示。meta标签的name属性的语法格式为。定义文档的头部,用来包含网页的配置。(例如网页的标题title,网页的基础配置meta)定义网页的标题,标题内容会显示在浏览器的标签栏上。定义网页的主体,例如网页中的图片、文字等。元标签,用来表示网页的基础配置。HTML文档标签的格式为。

2024-09-10 01:23:02 361 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除