努力学习11-CSDN博客

原创 CSS学习（第六篇）

定位定位的存在可以解决一些浮动和标准流无法快速实现的功能。浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定在屏幕中的某个位置，并且可以压住其他盒子。定位：将盒子定在某个位置，可以分为定位模式和边偏移两部分。定位模式：用于指定一个元素在文档的定位方式。定位模式通过css的position属性来设置，大致可以分为五个：属性值 static 静态定位 relative 相对定位 abso

2021-08-13 18:32:19 58

原创 CSS学习（第五篇）

目录浮动为什么需要浮动？浮动的用法为什么需要清除浮动清除浮动清除浮动方法额外标签法父级添加overflow属性父级添加after伪元素父级添加双伪元素浮动为什么需要浮动？因为有很多的布局效果，标准流没有办法完成，次数可以利用浮动完成布局。浮动可以改变元素标签默认的排列方式。浮动可以使多个块级元素一行内排列显示。注：标准流：标准流的排版方式，又称为：文档流/普通流，所谓的文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。在..

2021-08-09 20:58:39 67

原创 CSS学习（第四篇）

目录盒子模型边框内边距外边距水平居中外边距合并盒子模型所谓盒子模型：就是把HTML页面中的布局元素看作是一个矩形盒子，也就是一个装内容的容器。 CSS盒子模型包括：边框、外边距、内边距和实际内容。边框 border可以设置元素的边框，边框包括边框宽度、边框样式（实线、虚线等）、边框颜色。语法 border : border-width || border-style || border-color 注：边框的粗细会影响盒子实际大小单位为px bor..

2021-08-08 19:11:16 59

原创 CSS学习（第三篇）

CSS三大特性 CSS有三个重要的特性，分别是层叠性、继承性和优先级。层叠性相同的标签设置相同的样式时，此时一个样式就会覆盖另一个冲突样式。层叠性主要用来解决该冲突问题。例. 当对p两次设置颜色时，结果会是什么呢？结果：结果是后面的样式，颜色变为蓝色是因为当对同一个元素样式发生冲突时，由于层叠性后面的样式会覆盖前面的样式。通常出现样式冲突，会按CSS书写的顺序，以最后的样式为准。注： 1.样式不冲突，不会层叠。 2.样式冲突，遵循就近原则，后面样式盖前面。

2021-08-08 15:35:55 65

原创 CSS学习（第二篇）

目录 CSS引入方式内部样式表行内样式表外部样式表元素（标签）显示模式模式转化 CSS引入方式 CSS引入总共可以分为三种，内部样式表、行内样式表和外部样式表。内部样式表内部样式表是指将CSS写在HTML页面内部，将所有CSS代码放在<style></style>标签中。例. 注： 1.理论上<style>标签可以放在HTML文档任意地方，但一般写在<head>标签中。 2.代码结构清晰，但并没有完全实现结构与.

2021-08-05 16:58:38 66

原创 CSS学习（第一篇）

目录 CSS选择器基础选择器标签选择器类选择器 id选择器通配符选择器复合选择器后代选择器子选择器并集选择器伪类选择器 CSS选择器 CSS选择器的作用就是对不同的标签进行选择，即确定你想要实施操作的标签。选择器可分为基础选择器和复合选择器两种。基础选择器基础选择器有标签选择器、类选择器、id选择器和通配符选择器。标签选择器标签选择器指直接利用HTML标签名称作为选择器，为某一类型标签指定统一的CSS样式。语法标签名 { 样式声明

2021-08-01 22:21:10 101

原创 HTML5相关知识学习（第七篇）

目录列表一.无序列表二.有序列表三.自定义列表表单一.表单域 method中get/post的区别二.表单元素 2.1 input输入表单元素 2.2 select下拉表单元素 2.3 textarea表单元素列表列表主要用来布局页面，可以使页表更加自由和方便。可以分为无序列表、有序列表和自定义列表三种，适用于不同的情况。一.无序列表顾名思义无序列表指列表内部排列是无序的，不存在优先级的概念。如图是无序列表的一个案例，各个新闻之间并无顺序 ...

2021-07-27 17:14:00 117

原创 HTML5相关知识学习（第六篇）

合并单元格在网页表格设计中，时常需要用到单元格合并的情况。最简单的单元格合并可以分为跨行合并和跨列合并两种。一.跨列合并在跨列合并中，左边的单元格为目标单元格。 <td colspan = '2' > </td> 其中2为合并单元格数量如图. 、代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m

2021-07-26 13:01:27 122

原创 HTML5相关知识学习（第五篇）

目录表格特殊符号表格表格的出现是主要是为了让我们可以更清楚明了的展示数据信息，而不是单纯为了网页的设计。（表格中也可以插入图片）格式： <table> <tr> 一行 <th>表格属性</th>...<th>表格属性</th> </tr> <tr> .

2021-07-25 19:17:21 77

原创 HTML5相关知识学习（第四篇）

目录图像标签超链接图像标签在 HTML 中，图像由 <img> 标签定义。<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上更好的显示图像，你需要使用各种属性src、alt、title、width、height、border。属性间不分先后可有多个属性同时 src的路径可以选择相对路径和绝对路径，也可以是图片链接。代码：结果：超链接超链接可以分为外部链接、内部链接、空链接、下载链接、网页元素链接，可以使一..

2021-07-24 14:08:53 55

原创 HTML相关知识学习(第三篇)

div和span的区别与用法 div占用了一行无论大小是否充满一行都会换行 Span的大小取决于它自身内容大小，不会直接换行代码: 结果：文本格式化标签 HTML 可定义很多供格式化输出的元素，比如粗体和斜体字。帮助我们更好的设计网页。代码：结果： ...

2021-07-24 11:31:09 50

原创 HTML相关知识学习(第二篇)

HTML基础语法 HTML标签分类：单标签：<br /> 极少情况双标签：<head></head>、<body></body>、<title></title> HTML标签关系：包含：(父子关系) 并列：(兄弟关系) HTML基本标签骨架标签：其他标签可参考：https://www.w3school.com.cn/tags/index.asp 例. 开...

2021-07-20 16:44:29 105

原创 HTML5相关知识学习（第一篇）

一．网站、网页的联系 1.1 网站(Website)是指在因特网上根据一定的规则，使用HTML（标准通用标记语言）等工具制作的用于展示特定内容相关网页的集合。 1.2 网页是网站中的一‘页’（网站是网页的集合），因此可以说网页是构成网站的基本元素，通常我们看到的网页常以.html或.htm结尾，因此也俗称HTML文件，通过浏览器进行阅读。二.什么是HTML 2.1HTML是一种超文本标记语言(Hypertext Markup Language)，被用来描述网页的一种语言。(不是编程语言) 2..

2021-07-20 01:50:44 78

weixin_45691018的博客