银河中的咸鱼-CSDN博客

原创 JavaScript笔记

什么是JavaScriptJavaScript ( JS ) 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript的组成部分ECMAScript，描述了该语言的语法和基本对象。文档对象模型（DOM），描述处理网页内容的方法和接口。浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。文档对象模型(Document Object Model)js操作html的api是针对XML但经过扩展用于HTML的应用程序编程接口。DOM将整个页面映射成一个多

2021-11-12 15:55:00 111

原创媒体查询笔记

媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式。媒体类型all (默认值)screen 彩色屏幕print 打印预览媒体属性max-width 最大宽度min-width 最小宽度device-width 设备屏幕输出宽度orientation portrait(竖屏)/landscape(横屏)最大宽度max-width@media screen and (max-width:5...

2021-09-16 16:29:37 274

原创 CSS布局-flex布局

布局的传统解决方案，基于盒模型，依赖 display 属性 + position属性 + float属性。 Flex 布局，可以简便、完整、响应式地实现各种页面布局。一、flex布局属性容器属性1.flex-direction取值：row(默认横向排列) | row-reverse(横向排列倒序)| column(纵向排列)| column-reverse(纵向排列倒序) 2.flex-wrap取值：nowrap(默认不换行) | wrap(超...

2021-09-09 19:47:09 709

原创 CSS布局-定位布局

1.静态定位是所有元素的默认定位方式。意味着将一个元素定位在默认文档流中。position: static;2.相对定位相对定位就是相对于自己以前在标准流中的位置来移动position: relative;/* 使用top,right,bottom,left来控制 */3.绝对定位绝对定位就是相对于body来定位position: absolute;- 绝对定位参考点1.默认情况下所有的绝对定位的元素, 无论有没有祖先元素, 都会以body作为参考点2.如果

2021-09-08 14:16:12 163

原创 CSS布局-浮动布局

一、浮动流排版方式1.浮动流是一种"半脱离标准流"的排版方式 2.浮动流只有一种排版方式, 就是水平排版. 它只能设置某个元素左对齐或者右对齐- 浮动元素字围现象浮动元素不会挡住没有浮动元素中的文字, 没有浮动的文字会自动给浮动的元素让位置,这个就是浮动元素字围现象注意点: 1.浮动流中没有居中对齐, 也就是没有center这个取值 2.在浮动流中是不可以使用margin: 0 auto;- 高度塌陷当为子元素设置浮动以后，子元素会完全脱离文档流...

2021-09-02 11:03:21 251

原创 CSS盒模型

- 内容盒子(W3C盒子)默认盒子模型 W3C盒子使用box-sizing属性可以改变盒子模型，取值“content-box”的盒子为默认盒子模型。内容区的宽width内容区的高height盒子的宽width+paddingLeft+paddingRight+borderLeft+borderRight盒子的高height+paddingTop+paddingBottom+borderTop+borderBottom所占屏幕空间的宽width+padding

2021-08-31 13:50:06 74

原创 CSS笔记

一、CSS1.什么是CSSCSS (Cascading Style Sheets) 层叠样式表，是一个用于修饰文档（可以是标记语言HTML，也可以是XML或者SVN）的语言，可以将文档以更优雅的形式呈现给用户。2.HTML和CSS之间的关系？HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 HTML就像是

2021-08-31 11:19:20 182

原创 HTML笔记

1.文档头信息<!-- h5的文档声明，声明当前的网页是按照HTML5标准编写的编写网页时一定要将h5的文档声明写在网页的最上边。如果不写文档声明，则会导致有些浏览器会进入一个怪异模式，进入怪异模式以后，浏览器解析页面会导致页面无法正常显示，所以

2021-08-31 10:33:32 100

Eleven_Deng的博客