![](https://img-blog.csdnimg.cn/bc33a377690840eda0529a5d0abd25fe.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML+CSS
文章平均质量分 63
web学习经历(笔记)分享,旨在帮助自己和感兴趣的同学一路向前
勇敢*牛牛
CDND博客专家认证,JavaScript领域内容优质创作者 51TOC特邀创作者
展开
-
vue通过mixins混入实现所有大屏适配,摆脱因适配引起的头痛(模版就是设计稿->全程就是px)
市场上屏幕种类繁多,自己开发MAC的版本显示器1440×900与另一个显示屏的全屏状态下是1920×1080,如何让自己的web项目,在不同的宽高比下依旧体现出高优越的观感体验。。。。原创 2023-07-05 14:25:36 · 410 阅读 · 0 评论 -
【src和href的区别详解】
【src和href的区别详解】原创 2022-10-24 09:06:36 · 717 阅读 · 0 评论 -
div最常用的一个清除浮动
div最常用的一个清除浮动原创 2022-10-08 22:38:01 · 197 阅读 · 0 评论 -
PC端的antd-mobile组件库使用的方法pc端预备调整rem单位——下载插件postcss-pxtorem@5来计算rem——
pc端预备调整rem单位——下载插件postcss-pxtorem@5来计算rem原创 2022-09-26 21:50:48 · 541 阅读 · 0 评论 -
css 实现div内一行显示,超出部分用省略号代替,css 实现div内显示两行或三行,超出部分用省略号显示
css 实现div内一行显示,超出部分用省略号代替,css 实现div内显示两行或三行,超出部分用省略号显示原创 2022-09-07 19:49:15 · 961 阅读 · 12 评论 -
css样式中解决一个img图片放在div盒子中的时候上方の空白行
css样式中解决一个img图片放在div盒子中的时候上方の空白行原创 2022-07-29 17:35:39 · 755 阅读 · 0 评论 -
纯html+css打造一款特殊的生日贺卡
纯html+css打造一款特殊的生日贺卡原创 2022-06-13 09:59:59 · 4036 阅读 · 7 评论 -
【HTTP专项练习,每日一解析2022/05/13】
🥇勇敢牛牛,不怕困难🎊一、 列表分为两类,一是无序列表,一是有序列表,以下哪个是无序列表?ul:unorder list 无序列表ol:order list 有序列表二、 根据规范,哪些标签不是 HTML 5 的语义化标签?marquee 元素(<marquee>) 用来插入一段滚动的文字。改元素已经 过时(被废弃),请不要再使用。在html中,<article>标签是html5新增标签,是使用来定义独立于文档且有意义的来自外部的内容,比如:一些投稿文章、新原创 2022-05-13 21:05:36 · 242 阅读 · 0 评论 -
【HTTP专项练习,每日一解析2022/05/09】
【HTTP专项练习,每日一解析2022/05/09】原创 2022-05-09 11:02:42 · 273 阅读 · 1 评论 -
两个div。一个靠填充内容增大,一个内容超出overflow
分别有上下两个div, 上面的div高度可以被内容撑大的, 然后下面的div填充页面剩余空间, 怎么才能让下面div的内容超出本身高度后产生滚动原创 2022-02-28 12:43:43 · 251 阅读 · 0 评论 -
盒子的定位
盒子的定位一、 定位 (position)定位position 说明:设置对象的定位方式,可以让布局层容易位置绝对定位,控制盒子对象更加准确。定位 position 语法:position : static 、absolute 、relative、fixed 。static : 称为静态定位,这是默认的属性值,也就是该盒子按照标准流(包括浮动方式)进行布局。relative :称为相对定位,使用相对的盒子的位置常以标准流动排版方式为基础,然后使盒子相对于它在原来的位置偏移指定的距离。相对转载 2021-10-21 17:54:38 · 2099 阅读 · 0 评论 -
显示隐藏案例之李沁古装剧照
当鼠标经过图片时,通过绝对定位与相对定位,以及盒子display,产生下图中的第二种选中效果原创 2021-11-12 23:29:14 · 152 阅读 · 0 评论 -
夜深人静还要写静态网页-(卷死舍友)
新手练习HTML+CSS集成综合之究极无敌宇宙唯一的花里胡哨静态网页原创 2021-11-03 23:53:07 · 237 阅读 · 2 评论 -
CSS实现背景渐变
CSS实现背景渐变,布局渐变背景的夕阳图和浮动卡片原创 2021-11-10 13:46:50 · 610 阅读 · 0 评论 -
IP地址和端口号的概念
计算机只有一个物理网卡,而且同一个局域网中,网卡的地址必须是唯一的网卡是通过唯一的IP地址来进行定位的IP地址用来定位计算机端口号用来具体的应用程序(软件)一切需要联网的通信软件都会占用一个端口号端口号的范围是0-65536之间在计算机中有一些默认端口号,最好不要去使用例如:HTTP服务的80在开发过程过程中,使用简单3000呀,8000呀是木有意义的。原创 2021-12-28 22:19:44 · 6250 阅读 · 0 评论 -
新手-建站之星
css文件/* 定义全局变量,为了避免不同的浏览器的默认值导致的页面不美观 */*{ font-size: 12px; font-family: 'Times New Roman';}#container{ margin: 0 auto; /* 外边距为上下为0,左右为自适应 */ border: solid 1px black; /* 为了让盒子显示的更加直观 */}#header{ width: 990px; height:.原创 2021-10-11 16:51:25 · 382 阅读 · 0 评论 -
JavaScript-对象
理解JavaScript-对象原创 2021-11-19 00:45:00 · 376 阅读 · 2 评论 -
关于css中clear:both清除浮动防止父级元素高度坍塌的原理
不少小伙伴在防止高度坍塌时都会在浮动元素后面写入一个div,再在里面写入clear:both属性来清除浮动。那么今天就在此探究一下clear:both的工作原理。先说一下clear:both的作用 -----不允许周围有浮动现象。接下来直接上代码`<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=转载 2021-10-10 18:25:58 · 421 阅读 · 0 评论 -
前端开发入门基础---HTML笔记篇
作为pink老师的亲传弟子,好吃的“包子”当然要分享给更多的人!近"五万"字的html“源码+笔记”,只要你想要免费送给你!!!!!手工书写超高清脑图笔记原创 2021-07-23 09:42:45 · 300 阅读 · 9 评论 -
绝对定位的盒子居中算法
此算法的优点是:随着网页页面的大小,不变的是位置一直居中在页面窗口当中。层叠,优先级,属性集合定义,定位算法原创 2021-11-12 13:08:45 · 664 阅读 · 0 评论 -
JavaScript-DOM(文档对象模型)
JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面中的所有 HTML 属性JavaScript 能够改变页面中的所有 CSS 样式JavaScript 能够对页面中的所有事件做出反应原创 2021-11-18 00:16:35 · 1037 阅读 · 1 评论 -
布局技巧——文字围绕浮动元素的巧应用,行内块巧妙应用
布局技巧——文字围绕浮动元素的巧应用,行内块巧妙应用原创 2021-11-28 15:24:36 · 189 阅读 · 3 评论 -
点击按钮显示文字,再次点击隐藏文字
点击按钮显示文字,再次点击隐藏文字原创 2021-11-22 22:52:56 · 2988 阅读 · 1 评论 -
CSS中position定位的三种模式
CSS中position定位的三种模式相对定位:基于盒子原来的位置进行调整position: relative;top:;…….center { width: 100px; height: 100px; background-color: pink; position: relative; top: 30px; left: 10px; }原创 2021-11-10 23:59:46 · 748 阅读 · 1 评论 -
用CSS解决hover一个div,改变另外2个div的样式
用CSS解决hover一个div,改变另外2个div的样式在项目中遇到这样一个问题:div1和div3有默认的css样式 背景颜色是绿色div2有一个默认的css样式 背景颜色是红色需求:当鼠标悬浮在div1,div2,div3上时 让当前div的背景颜色变为红色,其余背景颜色变为绿色,无鼠标悬浮时 让其展示默认效果<style> .div1 { width: 100px; height: 100px;转载 2021-10-14 18:05:42 · 4695 阅读 · 0 评论 -
取消表单和文本域外轮廓.图片和文字实现垂直居中,溢出文字的省略号显示,鼠标移动到对应的Li时的边框更变颜色
取消表单和文本域外轮廓.图片和文字实现垂直居中,溢出文字的省略号显示,鼠标移动到对应的Li时的边框更变颜色原创 2021-11-28 14:15:10 · 353 阅读 · 0 评论 -
HTML新特性,新增的语义化标签
HTML新增的语义化标签<!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"> &l原创 2021-12-12 00:26:53 · 386 阅读 · 0 评论 -
解决div层叠时的空间问题和白边或者黑边以及浮动定位问题
解决div重叠时的空间问题,盒子重叠,显示覆盖现象原创 2021-10-21 17:29:50 · 1259 阅读 · 0 评论 -
布局导航栏
CSS#nationer{ margin: 0 auto; padding: 0 auto;}.nav{ /* 导航栏固定时默认为盒子大小,不符合设计理念 解决的问题就是导航栏宽度设置为100% 盒子到延伸到整个页面*/ width: 100%; top: 0%; left: 0%; /* 盒子位于最顶端 */ position: fixed; /* border: 2px solid green; */}.nav.原创 2021-10-14 22:57:55 · 528 阅读 · 0 评论 -
深度理解JavaScript的function函数
JavaScript函数与其他语言函数有很多细节之处不同。 - 无需非得要返回值,因为在任何时候他都可以返回任何值 - arguments.length长度由传入参数的个数确定,而不是定义时函数的命名数决定。 - 是没有重载的,即参数是可以0个或者多个的的数组形式参与的,并且通过arguments对象来访问这些参数。原创 2021-11-16 13:06:48 · 1446 阅读 · 1 评论 -
JavaScript求99乘法表+求梯形面积
JavaScript求99乘法表+求梯形面积原创 2021-11-11 23:24:28 · 1459 阅读 · 0 评论 -
圆周长面积的计算,一个下拉列表框,用于选择计算圆的周长或者是面积,体积,一个点击按钮进行计算
圆周长面积的计算,一个下拉列表框,用于选择计算圆的周长或者是面积或者是体积,一个点击按钮进行计算。原创 2021-11-19 00:30:00 · 609 阅读 · 1 评论 -
手机批发业务—产品选购
每天一小时励志作业,励志成为卷中王中王手机批发业务—产品选购原创 2021-11-21 15:48:25 · 1723 阅读 · 0 评论 -
JavaScript-DOM(九九乘法表)——两种算法
JavaScript-DOM(九九乘法表)——两种算法原创 2021-11-18 00:27:51 · 918 阅读 · 0 评论 -
node.js根据不同的请求路径返回不同的数据
node.js根据不同的请求路径返回不同的数据原创 2021-12-27 13:29:21 · 978 阅读 · 0 评论 -
nodejs之HTTP核心模块构建简单服务器
nodejs之HTTP核心模块构建简单服务器原创 2021-12-26 18:00:01 · 1037 阅读 · 3 评论 -
网站标签图标的生成、 网站TDK三大标签SEO优化、logo SEO优化
网站标签图标的生成、 网站TDK三大标签SEO优化、logo SEO优化原创 2021-12-24 10:06:29 · 759 阅读 · 0 评论 -
精灵图的使用-(坐标标识)
精灵图主要针对小的背景图片来使用。主要借助于背景图片的来实现-`background-position`。学废了嘛,兄弟们原创 2021-12-14 17:38:04 · 2687 阅读 · 2 评论 -
[HTML&CSS品优购]-快速导航栏布局+[今夜,披星戴月]
[HTML&CSS品优购]-快速导航栏布局+网站标签图标的生成网站标签图标的生成+网站TDK三大标签SEO优化原创 2021-12-12 23:25:05 · 236 阅读 · 0 评论 -
CSS3的新特性,怪异盒子,CSS3过渡,进度条制作。
CSS3的新特性,怪异盒子,CSS3过渡,进度条制作。原创 2021-12-12 12:26:40 · 175 阅读 · 0 评论