前端笔记03

最新推荐文章于 2023-09-02 22:42:10 发布

czc448969530

最新推荐文章于 2023-09-02 22:42:10 发布

阅读量179

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.youkuaiyun.com/czc448969530/article/details/88689728

版权

前端专栏收录该内容

6 篇文章

订阅专栏

博客主要介绍了CSS的盒子模型，提到万物皆盒子，阐述了内边距相关属性，如padding-top、padding-right等及padding规则，还介绍了CSS绝对定位，包括position :absolute以及top、left属性对位置的控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS的盒子模型

-css 的盒子模型：万物皆盒子

内边距：
padding-top :
padding-right :
-padding-bottom:
padding-left :
-padding的规则

padding:10px 上下左右都是10px
padding:10px  20px  上下是10px 左右是20px
padding:10px  20px  30px  上是10px  右是20px 下是30px 左是20px
padding :10px 20px 30px 40px 按照上右下左顺序赋值

-css 绝对定位：

position :absolute
top:控制距离顶部的位置
left:控制距离左边的位置

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

czc448969530

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Web前端学习重点笔记

m0_65484865的博客

05-03

590

项目1描述1描述2项目2域标题

前端笔记

08-22

【前端笔记】是针对前端开发领域的一份学习和面试准备资料。这份笔记涵盖了前端开发者在学习和面试过程中可能遇到的关键知识点，旨在帮助读者巩固基础，提升技能，为求职面试做好充分准备。一、HTML（超文本标记...

参与评论您还未登录，请先登录后发表或查看评论

【Web前端笔记03】表单

qq_45498824的博客

02-04

3348

目录章节03 表单一、Form表单二、表单元素 1、表单 2、表单元素三、HTML5 新增 type 类型 1、email 2、url 3、search 4、tel 5、color 6、number 7、range 8、date 9、month 10、year 四、HTML5 新增属性 1、autofocus属性 2、multiple属性 3、placeholder属性 4、required属性五、实体字符章节03 表单一、Form表单...

前端笔记汇总

西楼的博客

01-06

6209

目录目录前端基础 HTML 1.基本标签 2.页面结构分析 3.高级标签 CSS 1.基础知识 2.美化网页 JS 1.基础知识 2.数据类型详解 3.函数 4.面向对象编程 5.操作BOM对象(重点) 6.操作DOM对象(重点） 7.操作form表单 8. jQuery 9.总结前端基础课程听的是b站狂神说：狂神说笔记有些是借鉴：夜里的雨 HTML 1.基本标签 <!DOCTYPE html> <html...

Web前端笔记记录

yjnlovepy的博客

10-19

3854

web前端开发笔记

html5——前端笔记

qq_48721706的博客

09-02

3239

html笔记

黑马前端学习笔记

qq_40437045的博客

03-10

1775

HTML第一天一、网页二、什么是HTML 三、HTML标签 CSS第一天一、CSS 简介二、 CSS 基础选择器三、CSS 字体属性四、CSS 文本属性五、CSS 的引入方式 HTML第一天网页网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。网页生成制作: 有前端人员书写 HTML 文件, 然后浏览器打开,就能看到了网页..

Web前端学习笔记

jusw123456的博客

10-19

2504

html css分别是指：1、超文本标记语言，html是一种标记语言，它包括一系列标签；2、层叠样式表，css是一种用来表现HTML或XML等文件样式的计算机语言，CSS能够对网页中元素位置的排版进行像素级精确控制。即为浏览器把代码解析后的样子就是我们看到的网站。HTML：结构CSS：样式一个网站是由N多个网页组成的。

尚硅谷前端笔记

qq_46539281的博客

05-21

8037

前端笔记 0. html/css html/css基础笔记 1. html/css进阶未写 – – 2.js 未写 – – 3.node.js 未写 – – 4.vue 未写 – – 5.react 未写 – – 6.小程序未写 – – 7.微信公众号未写 – – 8.uniapp 未写 – – 9.webpack4 未写目标：全栈。想要直接是实现一个app,或者是一个软件，不得不需要用到...

Web前端笔记

weixin_51582215的博客

04-29

684

Web前端笔记

千锋前端笔记

B_planzp的博客

02-22

1153

注：vscode的代码文件应该存放在其他子文件夹，否则由于软件的自动更新机制，代码文件会造成丢失学校与千锋教育存在合作，大二的JAVA 高级实验周是有千锋的老师进行教学。印象不错，所以找的是千锋的视频，自我笔记前端基本HTML5和css3以及javascript html为文本标记语言，提供框架，css进行静态装饰，JavaScript负责动态交互是对前端的基本介绍以及学习框架，直接代码基本的段落语言代码的兼容性可以用caniuse网站进行查找文档声明和字符编码 ...

typora学习的前端笔记

07-06

【标题】"typora学习的前端笔记"是一个关于使用Typora编辑器进行前端技术学习记录的资料集合。Typora是一款轻量级、简洁且功能强大的Markdown编辑器，它提供了实时预览的功能，使得编写和阅读代码笔记变得更为方便。...

黑马前端pink的js视频个人代码笔记

最新发布

01-05

黑马前端pink的js视频个人代码笔记，正是基于对JavaScript深入学习和实践的一个记录。这份笔记是学习JavaScript的重要参考资料，它不仅仅包含了视频教程的代码实例，还可能包括了对JavaScript基础语法、对象、函数...

前端笔记.pdf

08-26

以下知识点涵盖了前端笔记中提到的关键要素和概念。 **HTML基础知识** HTML（HyperText Markup Language）是构建网页内容的基础。它是Web开发中最基础的技术之一，用于定义网页的结构和内容。HTML标签定义了网页的...

前端学习笔记-黑马程序员JS

01-09

"前端学习笔记-黑马程序员JS" 本资源主要介绍了 JavaScript 的基本概念和语法，包括变量、数据类型、运算符、流程控制、数组、函数、对象、内置对象等知识点。变量在 JavaScript 中，变量可以在三种位置书写：...

前端笔记05 - js

czc448969530的博客

03-23

5946

常用的HTML DOM属性和方法一些常用的HTML DOM 方法 getElementById() 返回对拥有指定 id 的第一个对象的引用。 getElementsByName() 返回带有指定名称的对象集合。 getElementsByTagName() 返回带有指定标签名的对象集合。 appendChild() 向元素添加新的子节点，作为最后一个子节点。 removeChild() 从...

前端笔记06-jquery

czc448969530的博客

03-28

3222

什么是jquery Query是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和...

前端笔记-04 js 轮播图

czc448969530的博客

03-23

262

轮播图自动播放需求：有一组图片。每个三秒，就去切换一张，最终是一直不停的切换技术分析切换图片每个三秒切换步骤分析 1.确定事件：文档加载完成的事件 onload 2.事件触发：init() 定时器 setInterval(“test()”,3000) 每3000毫秒执行一次test()函数 setTimeout(“test()”,3000) 多少毫秒后执行...

前端笔记04-js

czc448969530的博客

03-21

240

JavaScript 什么是JavaScript 是一种直译式的脚本语言什么是脚本语言 java 源代码 - 编译成class文件 - java虚拟机中执行 js由我们的浏览器解释执行 js的组成 ECMAScript：核心部分，定义js的语法规范 DOM:document Object Model 文档对象模型，主要是用来管理页面的 BOM:Browser Obj...

前端框架笔记与思维导图整理下载

前端笔记通常包含了前端开发过程中遇到的问题、解决方案、知识点整理和最佳实践等内容。而思维导图作为可视化思维工具，能够帮助开发者更直观地理解前端技术之间的关系，加深记忆，提高学习效率。根据文件描述，这...