- 博客(17)
- 收藏
- 关注
RSS订阅原创 全选，全不选练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-07-20 09:33:27
110
原创 position定位：相对定位、绝对定位、固定定位、粘滞定位
文章目录定位偏移量（offset）相对定位绝对定位（常用）包含块（containing block）绝对定位元素的布局固定定位粘滞定位元素的层级定位定位是一种高级的布局手段通过定位可以将元素摆放在页面的任意位置使用position属性来设置定位可选值：– static 默认值 元素是静止的没有开启定位– relative 开启元素的相对定位– absolute 开启元素的绝对定位– fixed 开启元素的固定定位– sticky 开启元素的粘滞定位偏移量（offset）当元素开
2021-07-03 08:54:53
2543
原创 高度塌陷和BFC、Clear、Clearfix、高度塌陷和外边距重叠的解决方案
文章目录高度塌陷BFC（块级格式化环境）clearclearfix高度塌陷的最终的解决办法（无副作用版本）高度塌陷在浮动布局中，父元素的高度默认是被子元素撑开的，当子元素浮动后，会完全脱离文档流，导致无法撑开父元素，致使父元素的高度丢失父元素高度丢失后，会改变页面的布局，所以必须修正BFC（块级格式化环境）BFC使一个CSS中的隐藏属性，可以为一个元素开启BFC；为元素开启BFC后，该元素会变成一个独立的布局区域元素开启BFC的特点：– 1、开启BFC的元素不会被浮动元素所覆盖– 2
2021-07-02 08:57:40
198
原创 浮动的特点、导航栏练习
文章目录浮动的简介浮动的特点浮动的其他特点、脱离文档流的特点浮动的简介通过浮动可以使一个元素向其父元素的左侧或右侧移动使用 float 属性来设置元素的浮动– 可选值：– none 默认值，无浮动– left 元素向左浮动– right 元素向右浮动注意：元素设置浮动之后，水平布局的等式便不需要强制成立（即块元素没有了右外边距）元素设置浮动之后，会完全从文档流中脱离，不在占用文档流的位置，所以元素下边的其他存在于文档流中的元素会自动上移。浮动的特点浮动元素会完全脱离文档，不
2021-07-01 10:55:21
137
原创 京东图片列表、左侧导航栏、网易新闻列表、京东页面布局、京东轮播图
制作参考代码如下：<head> <meta charset="UTF-8"> <title>京东右侧栏</title> <link rel="stylesheet" href="./css/reset.css"> <style> body{ background-color: antiquewhite; /*方便看ul的背景颜色，仅限展示效果*/
2021-06-29 16:53:54
856
原创 CSS—行内元素的盒模型、浏览器的默认设置
文章目录行内元素的盒模型浏览器的默认设置行内元素的盒模型行内元素不支持设置高度和宽度行内元素可以设置 padding、border、margin，在垂直方向都不会影响布局display 用来设置元素显示的类型：– inline 将元素设置为行内元素–block 将元素设置为块元素–inline-block 将元素设置为行内块元素（可以设置宽高，但不会独占一行）–table 将元素设置为一个表单–none 元素不在页面中显示visibility用来设置元素的显示类型–v
2021-06-29 14:57:07
210
原创 CSS—Layout、盒子模型（box model）、边框、轮廓、圆角
文章目录文档流块元素 和 行内元素 在文档流中的特点盒子模型（box model）**==内容区==****==边框==****==内边距==****==外边距==**文档流网页是一个多层的结构。层层重叠CSS可以分别为每一层设置样式用户只看到最后一层最低层称为文档流，文档流是网页的基础，创建的元素默认在文档流中进行排列元素有两个状态： 在文档流中 和 不在文档流中块元素 和 行内元素 在文档流中的特点块元素块元素 会 在页面中独占一行（自上而下垂直排列）默认的宽度为父元素的宽度（
2021-06-26 22:22:50
461
原创 CSS—继承、选择器权重、像素、百分比、em、RGB、HSL
文章目录继承选择器的权重（接上篇）继承父元素→子元素样式的继承，父元素的样式设置会应用到子元素（如：color ，font-size等详情见CSS文档）并不是所有样式都会继承（如：background-color等，详情见CSS文档）其中 background-color 不会被继承的原因：默认背景颜色为透明色，所以当父类设置颜色时，子类会显示父类的背景颜色，但是！！！ 没有被继承选择器的权重（接上篇）样式的冲突： 当我们面对不同选择器，选择相同的元素，并且为相同的样式设置了不同的值时
2021-06-25 21:56:58
297
原创 CSS—内联样式（行内样式）、内部样式、外部样式、选择器
文章目录CSS简介使用CSS修改元素样式方式方式一（==内联样式或行内样式==）方式二（==内部样式表==）方式三（==外部样式表==）全场最佳语法选择器元素选择器id选择器（id不能重复，即使出现相同效果）类选择器（class：与id作用相似，但是可重复）通配选择器交集选择器并集选择器（选择器分组）关系选择器子元素选择器后代元素选择器兄弟选择器属性选择器伪类选择器声明块网页分为： 结构（html） 表现（CSS） 行为（JavaScript）CSS简介层叠样式表网页实际时一个多层的结构，通过C
2021-06-24 20:55:26
22766
1
原创 HTML5
实体写法： &实体的名字;& nbsp; 为空格。你好 喵喵队。& gt; 为大于号。>& lt; 为小于号。<& copy; 为版权符号。©详细参考： HTML字符实体.meta标签meta主要用于设置网页中的一些元数据，元数据不给用户看。charset 指定网页的字符集name 指定数据的名称content 指定数据的内容keywords 表示网站的关键字；可以同时使用多个用
2021-06-22 16:40:47
103
原创 HTML—网页结构
结构<!doctype html> 为文档声明。不属于html内部，所以需写在html前面。< meta charset=“UTF-8” > 用来设置网页的字符集，避免乱码，写在head标签中。html 为根标签，其中包括 head和boby两个子标签。head标签为头部标签，其中包括title标签，都不显示在网页内容中，显示在浏览栏。boby标签为内容标签，显示在网页中，是网页的核心内容。完整结构：标签的属性属性在标签中还可以设置属性。属性是一个名值对的格
2021-06-21 22:32:10
399
原创 《狂神说Java》听课笔记---数组
文章目录数组概述数组的定义数组声明创建数组使用多维数组Arrays类稀疏数组数组概述数组的定义数组声明创建数组使用多维数组Arrays类稀疏数组
2020-12-03 09:32:40
164
原创 《狂神说Java》听课笔记---Java方法
文章目录何谓方法方法的定义及调用方法的定义方法调用方法重载命令行传参可变参数递归何谓方法Java方法是语句的集合，它们在一起执行一个功能方法是解决一类问题的步骤的有序组合方法包含于类和对象中方法在程序中被创建，在其他地方被引用main方法尽量简洁 ，尽量用其他方法完成功能。方法的定义及调用方法的定义Java的方法类似于其他语言的函数，是一段用来完成特定功能的代码片段，一般情况下，定义一个方法包含以下语法：方法头+方法体：修饰符：定义该方法的访问类型返回值类型：方法有返回值时，返
2020-12-01 17:22:26
84
原创 《狂神说Java》听课笔记---用户交互Scanner
文章目录1、用户交互Scanner2、顺序结构3、选择结构4、循环结构5、break & continue6、练习1、用户交互ScannerScanner对象基本语法：Scanner s = new Scanner(System.in);通过Scanner类和 next() 与 nextLine() 方法获取输入的字符串，在读取前我们一般需要使用 hasNext() 与 hasNextLine() 判断是否还有输入的数据。next（）1、一定要读取有效字符后才可以结束输入；2、
2020-11-30 17:20:43
116
原创 数据类型、字节、变量、常量、运算符、JavaDoc生成文档
数据类型基本类型整数类型：int、byte、short、long小数类型：float、double尽量避免浮点数进行比较，如：银行钱的计算用 BIgDecimal 这个数学工具类进行比较字符：char字符串：String布尔值：boolean引用类型字节位： 是计算机 内部数据 储存的最小单位，11001100是一个八位二进制数。字节： 是计算机中 数据处理 的基本单位，习惯上用B表示。1B(byte，字节) = 8bit(位)字符： 是指计算机中使用的字母、数字、字和
2020-11-29 17:34:52
107
原创 HelloWorld编写使用Dos执行
HelloWorld的编写1.创建一个文件夹“code”，存放代码2.新建一个Java文件文件后缀名为 .javaHello.java3.编写代码public class Hello{ public static void main(String[] args){ System.out.print("Hello World!"); }}public class Hello中的Hello需要与文件名相同。4.编译文件：javac + java文件名，会生成一个class文件5
2020-11-27 18:30:38
256
原创 基本的Dos命令 + MarkDown编辑器
基本的Dos命令打开CMD的方式常用的Dos命令新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入打开CMD的方式1.开始 + 系统 + 命令提示符2.Win键 + R 输入cmd打开控制台 (推荐使用)3.在任意文件
2020-11-27 13:26:40
244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人