前端学习—html+css 第3页

前端学习个人心得，总结（个人向）

一、外边距合并1.出现的条件只有垂直方向的外边距会出现合并，水平方向上不会出现外边距合并。垂直方向上相邻的元素才会有外边距合并的问题。2.有两种情况2.1兄弟元素间的外边距合并（1）若两者都是正值，取值为两者间最大值（2）若两个外边距一正一负，取值为两者之和（3）若两个外边距都是负值，取值为绝对值较大的外边距解决方案：一般不需要处理，这一般是对开发有利的，如果要处理，可以将本应该设置给两个元素的外

独醉于笙·2024-02-06 07:04

06、如何在html中绑定数据

{{name}}letapp=newVue({el:'#app',data:{name:'前端学习'}})页面上就会显示——前端学习。

小白摘葡萄·2024-02-05 18:25

前端学习第4天

一、复合选择器1.后代选择器2.子代选择器3.并集选择器4.交集选择器5.伪类选择器1.伪类-超链接（拓展）二、CSS特性1.继承性body放在style中2.层叠性3.优先级属性+!important+;（最高优先级）1.优先级-叠加计算规则2.emmet写法div带类名直接.类名三、背景属性1.背景图2.背景图平铺方式3.背景图位置4.背景图缩放5.背景图固定6.背景复合属性四、显示模式1.块

qingxi_ran·2024-02-05 13:46

你必须知道的CSS盒模型

盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识_，希望对初学者有用。

前前前端小飞·2024-02-05 10:16

HTML5期末大作业：网站——保护动物网站HTML+CSS

一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/240770(title-U27JP动物分类6页)]截图演示06.png05.png0

html网页设计·2024-02-05 09:00

知识点(html+css)

知识总结（HTML＋CSS）相对定位语法绝对定位语法固定定位语法一、定义语法1.1布局分类CSS网页布局的本质：就是在网页中排列盒子（浮动）。CSS网页布局：普通流、浮动、定位。

龍赢·2024-02-05 08:43

知识点html+css

知识总结（HTML＋CSS）基础知识HTML网页的相关概念1.1HTML是什么？HTML是超文本标记语言。只是一种标记语言。

龍赢·2024-02-05 08:43

html+css

HTMLday02html常用标签h1-h6特点：双标签独占一行，自带加粗，不同等级标题，字号大小不同，自带间距，具有一个标题的含义。段落文本标签p特点：双标签，独占一行，自带间距，具有文本段落的含义。换行br特点：单标签。分隔线hr特点：单标签空格符特点：浏览器默认只能识别一个空格，当我们需要用到多个空格符号时，需要用到空格符，空格符既不是单标签也不是双标签。加粗b，strong特点：

Breeze fly·2024-02-05 08:41

前端学习之路(5) vue样式穿透

前言vue的style中设置scoped属性后，组件实现样式私有化。但是该组件又使用的其他组件库时(vant,elementui,自定义等)，该组件的style中的样式，优先级低，不生效，这个时候需要使用样式穿透(作用得更深)。一、scoped底层原理scoped是通过在DOM以及css中加上data-v-xxx唯一标识来实现样式私有化。1.加上scoped前样式穿透示例.demo{color:r

星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-04 23:56

前端学习之路(2) Vue3响应式模式设计原理

为什么要关系vue3的设计原理？了解vue3构建原理，将有助于开发者更快速上手Vue3；同时可以提高Vue调试技能，可以快速定位错误1.vue3对比vue2vue2的原理是通过Object.defineProperty()来劫持各个属性，在数据变动时发布消息给订阅者，触发相应的监听回调。defineProperty不具备监听数组的能力,无法检测到对象属性的添加和删除,只有在初始化实例时对data对

星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-04 18:42

HTML+CSS之基础公共样式（PC端）

HTML+CSS之基础公共样式（PC端）最近一周都在跟着黑马学前端基础，老师说现在浏览器大部分开始用HTML5了，基础学的是XHTML(HTML的增强版)，我把公共样式总结一下，目的就是在写不同页面的时候

NUC吉吉国王·2024-02-04 10:38

HTML+CSS，PC端/手机端公用部分样式代码整理

原文https://www.toutiao.com/i6613492747254891015/HTML+CSSPC端/手机端,公用部分样式代码整理(自己收藏)一：移动端公共样式/*禁用iPhone中Safari的字号自动调整*/html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;/*解决IOS默认滑动很卡的情况*/-webkit

barnett_y·2024-02-04 10:07

【前端学习】CSS入门

前端学习：CSS入门文章目录前端学习：CSS入门前言1、class011.我的第一个CSS2.导入方式3.基本选择器(1)ID选择器(2)标签选择器(3)类选择器4.层次选择器5.结构伪类选择器6.属性选择器

woodwhale·2024-02-04 10:59

[前端学习笔记1] 前端学习路线

按顺序学习一、做网页HTML：定义网页结构CSS（Cascadingstylesheets层叠样式表）：对网页进行装饰JS（JavaScript）：网页与用户的交互效果，【重要】WebAPI：将HTML,CSS,JS结合在一起，通过JS可以改变HTML,CSS.JQuery：老牌框架，了解即可。Bootstrap：响应式页面，了解即可移动端开发：【重要】二、数据库和服务器数据库：mongoDB（J

Lumos_zbj·2024-02-04 10:29

前端学习01

1.浏览器能识别的标签1.1编码（head）1.2title（head）我的联通1.3标题我的联通1级标题2级标题3级标题4级标题5级标题6级标题1.4div和span内容asdfadiv，一个人占一整行。【块级标签】我的联通山东蓝翔挖掘机哪家强span，自己多大占多少。【行内标签、内联标签】我的联通山东蓝翔挖掘机哪家强注意：这两个标签比较素+CSS样式。1.4.5超链接跳转到其他网站点击跳转跳转

Yoin.·2024-02-04 10:27

前端学习02

1.CSS案例1.1内容回顾1.1.1搭建骨架Titlebody{margin:0;}.sub-header{height:100px;background-color:#b0b0b0;}.container{width:1128px;margin:0auto;}.sub-header.ht{height:100px;}.sub-header.logo{width:234px;float:left

Yoin.·2024-02-04 10:27

网页前端学习-03

HTML基础知识021.vscode书写骨架里些许代码的解释666①、这一行指令可以理解为不是html代码的部分，它充当的作用是告诉浏览器我们需要书写的html版本，如上述代码第一行则代表的是我们要书写的是html5这个版本，DOCTYPE是文档类型声明标签。②、用来强调是中文网站还是英文网站，en代表英文的缩写，zh-CN指的是中文。③、charset是字符集的含义，后面的utf-8是万国码，这

Leoma_·2024-02-04 09:25

爬虫配套学习-前端学习笔记03

插入图片水平线无月的中秋据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，中秋节的来历，这就是月饼的来历，大家会在这一天，和嘉园也，吃月饼，赏月。®效果图像的超链接水平线无月的中秋据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，中秋节的来历，这

丰。。·2024-02-04 09:55

前端学习——Ajax的使用

Ajax一、JSON格式本质上是一个字符串，是作为数据交换的格式。主要是用于前后端数据交互json可以是对象，数组，字符串，标题//json格式——特殊格式的字符串,varstr1='{"name":"北斗"}'//分为两种类型：json对象，json数组,可以是数值null数组对象varobj1='{"name":"北斗","age":"18"}'//json对象varobj2='["name"

Indra_ran·2024-02-04 09:24

Web前端学习-day03-JavaScript

溢出设置overflowvisible显示(默认)hidden隐藏scroll滚动显示行内元素垂直对其方式vertical-aligntop上对齐middle中间对齐bottom下对齐baseline基线对齐显示层级z-index当元素脱离文档流出现层叠显示时undefined可以通过z-index设置显示层级z-index的值越大显示约靠前此样式只能添加给非静态定位的元素undefined静态定

王敏晓·2024-02-04 09:24

前端学习03

1.JavaScript```htmlTitle.menus{width:200px;border:1pxsolidred;}.menus.header{background-color:gold;padding:20px10px;}大标题内容functionmyFunc(){//alert("你好呀");confirm("是否要继续？")}1.1代码位置JS代码的存在形式：当前HTML中。//编

Yoin.·2024-02-04 09:23

前端html+css笔记

前端Html:html标签加粗--文本格式化标签倾斜下划线删除src用于指定图像的位置名称(属性名+属性值=属性)alt替换文本title提示文本width图片宽度链接（段落内空格+target="_blank"跳转新窗口音频loop循环播放autoplay自动播放（禁用controls显示音频面板视频muted静音播放同（7）9.列表无序列表：有序列表：定义列表：（一个标题对应多个内容10.表格

stoAir·2024-02-04 07:13

适合初学者的WEB前端学习路线

零基础学习web前端学习路线图从哪里可以找到呢?在此为大家整理完整的适合零基础学员的web前端学习路线分享给大家：1.HTML5介绍内容包括：(互联网发展趋势、H5语言的优势

千_锋小小千·2024-02-03 16:36

前端学习笔记 | CSS动画+移动web

一、平面转换为元素添加动态效果，一般与过渡配合使用。1、设置transition给元素本身，表示过渡变换方式和时间2、在元素hover设置transform（动态效果）transform:【移动】translate(x方向，y方向)、translateX（x、translateY(y)位移【旋转】rotate(数字+deg）【缩放】scele(数字)大于1放大，小于1缩小【倾斜】skew（数字+d

简·AI·2024-02-03 15:04

前端学习笔记 | HTML5+CSS3静态网页制作的技巧（持续更新）

注：本文的css样式均使用less写法1、字体居中（1）先text-align:center;行内元素水平居中（2）再line-heigh:(盒子高度);行内元素垂直居中text-align:center;line-height:(30/@vw);2、盒子居中情景1：版心居中margin:0auto;情景2：标题栏制作时让左右两个弹性盒子居中的方法（1）设置浮动（2）给父级添加行高line-hei

简·AI·2024-02-03 15:04

前端学习笔记 | CSS高级技巧

一、定位注：需要同时设置定位模式和边偏移才生效。1、定位模式相对定位-position:relative特点：（1）灵活改变盒子在网页中的位置，改变位置的参照物是自己原来的位置（2）不脱标，占位（3）标签显示模式特点不变绝对定位-position:abusolute(子级绝对定位，父级相对定位-子绝父相)特点：（1）脱标，不占位（2）参照物先找祖先元素，如果祖先没有定位，则参照浏览器可视区域位置（

简·AI·2024-02-03 15:03

前端学习笔记 | 响应式网页+Boostrap

一、响应式网页一套代码适应多端1、媒体查询@media(条件){css}max-width小于等于max-width生效min-width【案例】左侧隐藏因为CSS的层叠性，书写顺序：max-width从大到小；min-width从小到大。【媒体查询完整写法】在html中link用于不同视口的css样式，media=""中一定要加（），否则不生效。2、BootstrapBootstrap是由Twi

简·AI·2024-02-03 15:31

HTML+CSS基础面试题总结

1.display:none;和visibility:hidden;的区别display:none;彻底消失，释放空间。可能引发页面的reflow回流（重排）。visibility:hidden;就是隐藏，但是位置没释放，好比opacity:0;不引发页面回流。2.CSS选择器权重如何计算就近原则：直接选中的，一定比继承的权重大。一样近，比权重：id是100，class是10，标签是1，总数权重一

让笑容常在·2024-02-03 10:21

前端小案例——滚动文本区域（HTML+CSS, 附源码）

一、前言实现功能:这个案例实现了一个具有滚动功能的文本区域，用于显示长文本内容，并且可以通过滚动条来查看完整的文本内容。实现逻辑：内容布局：在中，使用容器创建了一个类名为listen_text的区域，作为页面的主要内容容器。其中包含两个段落用于展示标题和作者信息，以及一个listen_text_box的用于封装实际的滚动文本区域listen_text_con。滚动文本区域：listen_text_

H4999·2024-02-03 06:45

大一学生Web课程设计美食主题网页制作(HTML+CSS+JavaScript)-咖啡 6页

二挡起步·2024-02-03 01:23

【前端学习路线】

前端学习路线1.大纲:前端学习路线2.ES6语法1.let和const2.箭头函数3.解构3.1数组解构3.2对象解构4剩余参数4.1和解构联用4.2合并数组5.可选链6.Set7.数组操作8.字符串扩展方法

代码哲学·2024-02-03 00:52

前端学习总结

前端常见面试问题最近发现了一个up主“Alice铛铛铛”，学习到了很多面试技巧，下面分享一下一、1.vueAPP适配是怎么写的，用的什么单位？2.get和post有什么区别？3.计算属性和监听器有什么区别？4.v-for渲染列表是key是用来做什么的？5.数据请求在生命周期哪一个阶段？6.水平居中有哪几种方法？7.flex弹性盒模型？8.父盒子中子盒子浮动有什么后果？9.清除浮动有哪些方法？10.

joy_mhy·2024-02-02 21:31

菜鸡后端的前端学习记录-2

前言记录一下看视频学习前端的的一些笔记，以前对Html、Js、CSS有一定的基础（都认得，没用过），现在不想从头再来了，学学Vue框架，不定时更新，指不定什么时候就鸽了。。。。忘了记一下看的视频了，有兴趣的可以去看一看，目前感觉讲的还不错，但是需要有一定基础：【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】（学习记录第二部分，都写到一个博客里太长了，不利于阅读复习）周末休息-先

无名一小卒·2024-02-02 21:30

HTML+CSS：导航栏组件

效果演示实现了一个导航栏的动画效果，当用户点击导航栏中的某个选项时，对应的选项卡会向左平移，同时一个小圆圈会出现在选项卡的中心，表示当前选项卡的位置。这个效果可以让用户更加清晰地了解当前页面的位置和内容。CodeHomeEmailMessageLikeProfile*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sa

若冰说·2024-02-02 18:22

html+css,动画实现“地球绕太阳旋转“

1.效果html+css实现地球绕太阳旋转2.代码htmlcss.main{width:100%;height:100%;display:flex;justify-content:center;align-items

Summer_Uncle·2024-02-02 02:23

2020年小白要知道的Web前端学习路线

今天小编要跟大家分享的文章是关于2020年小白要知道的Web前端学习路线。准备在2020年学习Web前端技术的小伙伴们来和小编一起看看本篇文章，希望能够对大家有所帮助！

web前端学习指南·2024-02-01 23:27

自学前端学习笔记html5(简称H5)

image.pngimage.pngimage.pngH5在语义上的改进在此基础上，HTML5增加了大量有意义的语义标签，更有利于搜索引擎或辅助设备理解HTML页面内容。HTML5会让HTML代码的内容更结构化、标签更语义化。我们常见的css+div布局是：image.png在html5中，我们可以这样写：image.pngH5的经典网页布局：H5中新增的语义标签表示区块表示文章。如文章、评论、帖

Informal杨·2024-01-31 03:14

使用html+css实现-静态开源案例-品优购

使用html+css实现-静态开源案例-品优购设计目标css制作图标规范seo优化网页标题titledescription网站说明显示在搜索引擎后方的解释Keywords关键词字体图标引入方法注意搭建整个页面时的路径问题

SHoadgnaw·2024-01-30 13:24

前端自己整理的学习面试笔记

简介以下是本人一年多整理的前端学习笔记，现汇总分享给大家，很多问题都是面试必问的更多学习资源，可以点击我获取更多1js数据类型原始类型：nullundefinednumberstringbooleanSymbolBigInt

小江的博客·2024-01-30 12:30

HTML+CSS：全景轮播

效果演示实现了一个简单的网页布局，其中包含了五个不同的盒子，每个盒子都有一个不同的背景图片，并且它们之间有一些间距。当鼠标悬停在某个盒子上时，它的背景图片会变暗，并且文字会变成白色。这些盒子和按钮都被放在一个容器中，整个页面看起来像一个画廊。Code下载壁纸Next>*{margin:0;padding:0;box-sizing:border-box;}.container{width:100vw

若冰说·2024-01-30 10:47

HTML+CSS：3D卡片组件

效果演示实现了一个名为“卡片”的效果，当鼠标悬停在一个特定的元素上时，该元素会变得更亮，并且会在其他元素上方显示一个卡片。当鼠标悬停在卡片上时，卡片会变得更亮，并且会在其他元素上方显示一个提示信息。这个效果可以用来展示一些信息或者链接，让用户更好地了解和交互。CodeHOVEROVER:Dlookmom,noJSmousehovertracker/*设置容器的样式*/.container{posi

若冰说·2024-01-30 10:17

css3帮助文档,CSS3 最新版参考手册

坐会儿吧·2024-01-30 09:43

使用react修改ant design默认样式|自定义

写在前面：本文作为本人学习总结之用，同时分享给大家~个人前端博客网站：zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群：：706947563，专注前端开发，共同学习进步！

潜心专研的小张同学·2024-01-30 06:52

前端学习day12-总结

关键词：scope在线添加数据到表单一.th>scope语法：col:规定单元格是列的表头。row:规定单元格是行的表头。colgroup:规定单元格是列组的表头.rowgroup:规定单元格是行组的表头二.提高用户体验原本的表单属性中，比如单选按钮:男女若想要点击男女，必须要鼠标点到那个小圆点，用户体验极差。此时，可以利用包裹男女，这样用户在点击“男”这片区域时，也可以选中单选按钮。三.plac

你喜欢吃青椒吗_c744·2024-01-29 18:14

Nodejs前端学习Day5

苦其心志，劳其筋骨文章目录前言一、处理路径问题二、path路径模块总结前言继续fs一、处理路径问题在使用fs模块操作文件时，如果提供的操作路径是以./或…/开头的相对路径时，很容易出现路径动态拼接错误的问题原因：代码在运行的时候，会执行node命令时所处的目录，动态拼接出被操作文件的完整路径如果要解决这个问题，可以直接提供一个完整的文件存放路径就行，但也有缺点，即移植性差，不利于维护见下图node

Mundaneman·2024-01-29 14:00

分享150套简洁漂亮的html个人简历源码 /个人主页源码 /个人简介网页版(无加密打包)

它是html+css网页设计源码，html5网页静态模板。我分别给文件上命名了，一目了然，大家拿来就可以直接套用的，有代码能力的也可以修改一些版块。

hmz856·2024-01-29 13:10

HTML+CSS：炫酷按钮组件

效果演示实现了一个带有发光效果的按钮。按钮在悬停或激活时会产生发光效果，并且按钮上的文字也会随之移动。Code若冰说CSS:root{--glow-hue:222deg;--shadow-hue:180deg;--spring-easing:linear(0,0.002,0.010.9%,0.0381.8%,0.156,0.3125.8%,0.78911.1%,1.01514.2%,1.096,1

若冰说·2024-01-29 05:15

HTML+CSS：王者翻转框

效果演示实现了一个3D翻转卡片的效果，当鼠标悬停在卡片上时，卡片会从正面朝向翻转，从而实现3D效果。其中，卡片的正面和背面分别由一个div元素表示，通过CSS的transform属性实现3D效果。当鼠标悬停在卡片上时，通过CSS的hover属性实现翻转效果。Code快来和妲己一起玩耍吧~妲己法师刺客辅助妲己，原型是商纣王宠妃妲己。职业法师，拥有先手控制敌人，技能范围广、射程够长，而且在后期超高爆发