- 用技术实现梦想,用梦想打开创意之门。萤星漫舞,我用CSS绘制了一个属于夏日的回忆 用技术实现梦想,用梦想打开创意之门。萤星漫舞,我用CSS绘制了一个属于夏日的回忆
- 前端技术从业者与非技术好友互动,好友想回忆童年,我为她用CSS技术做了一个果宝特攻的换装 前端技术从业者与非技术好友互动,好友想回忆童年,我为她用CSS技术做了一个果宝特攻的换装
- 前端技术从业者与非技术好友互动,好友想玩游戏机,我为她画了一个套圈水机。 前端技术从业者与非技术好友互动,好友想玩游戏机,我为她画了一个套圈水机。
- 前端技术从业者与非技术好友互动,好友说她想要七龙珠,我帮她召唤了神龙。 前端技术从业者与非技术好友互动,好友说她想要七龙珠,我帮她召唤了神龙。
- 前端技术从业者与非技术好友互动第二弹,我实现了一个姻缘测试小功能,特意为好友隐藏了一个彩蛋。 前端技术从业者与非技术好友互动第二弹,我实现了一个姻缘测试小功能,特意为好友隐藏了一个彩蛋。
- 各位小伙伴们大家好呀!2023农历春节将至,全国各地到处充满了年味,是时候也该让我们的网页也挂上红灯笼,一起享受2023农历兔年春节的喜庆!让网页也充满年味! 各位小伙伴们大家好呀!2023农历春节将至,全国各地到处充满了年味,是时候也该让我们的网页也挂上红灯笼,一起享受2023农历兔年春节的喜庆!让网页也充满年味!
- 各位小伙伴们,今天我发现了一款纯CSS效果实现的精美页面,通过hover控件便可以实现网页的动态效果,无需引入Javascript。让我们一起来看看吧!收藏我并且关注博主,让我们拿起电脑一起练,一路火光带闪电! 各位小伙伴们,今天我发现了一款纯CSS效果实现的精美页面,通过hover控件便可以实现网页的动态效果,无需引入Javascript。让我们一起来看看吧!收藏我并且关注博主,让我们拿起电脑一起练,一路火光带闪电!
- 前言Hello!小伙伴!首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~哈哈 自我介绍一下昵称:海轰标签:程序猿一只|C++选手|学生简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~)学习经验:扎实基础 + 多做笔记 + 多敲代码 + 多思考 + 学好英语! 效果展示 Demo代码HTML<!DOCT... 前言Hello!小伙伴!首先非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~哈哈 自我介绍一下昵称:海轰标签:程序猿一只|C++选手|学生简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~)学习经验:扎实基础 + 多做笔记 + 多敲代码 + 多思考 + 学好英语! 效果展示 Demo代码HTML<!DOCT...
- 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义(1)vw、vh、vmin、vmax 是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗(Viewport)大小来决定的,单位 1,代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域,换句话说是不包括工具栏和按钮的网页浏览器。(2)具体描述如下:vw:视窗宽度的百分比... 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义(1)vw、vh、vmin、vmax 是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗(Viewport)大小来决定的,单位 1,代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域,换句话说是不包括工具栏和按钮的网页浏览器。(2)具体描述如下:vw:视窗宽度的百分比...
- 一、Grid 布局是什么?Grid 布局即网格布局,是一种新的 CSS 布局模型,比较擅长将一个页面划分为几个主要区域,以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案,是目前唯一一种 CSS 二维布局。利用 Grid 布局,我们可以轻松实现类似下图布局: 1.1 Grid 布局和 flex 布局讲到布局,我们就会想到 flex布局 ,甚至有人认为既然有 fle... 一、Grid 布局是什么?Grid 布局即网格布局,是一种新的 CSS 布局模型,比较擅长将一个页面划分为几个主要区域,以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案,是目前唯一一种 CSS 二维布局。利用 Grid 布局,我们可以轻松实现类似下图布局: 1.1 Grid 布局和 flex 布局讲到布局,我们就会想到 flex布局 ,甚至有人认为既然有 fle...
- 文章目录前言一、定时器(√)1.1、介绍定时器与清除定时器方法(含案例)1.2、解决按钮点击时设置定时器setInterval()的小问题1.3、实际案例(设置与删除定时器)二、延时器(√)三、认识异步四、定时器实现动画4.1、js实现动画(不推荐)4.2、js+css配合实现动画实现盒子左右移动(过渡+基本判断)案例出现问题(通过函数节流解决)实际案例1、无缝连续滚动特效2、跑马灯轮播图(左右翻 文章目录前言一、定时器(√)1.1、介绍定时器与清除定时器方法(含案例)1.2、解决按钮点击时设置定时器setInterval()的小问题1.3、实际案例(设置与删除定时器)二、延时器(√)三、认识异步四、定时器实现动画4.1、js实现动画(不推荐)4.2、js+css配合实现动画实现盒子左右移动(过渡+基本判断)案例出现问题(通过函数节流解决)实际案例1、无缝连续滚动特效2、跑马灯轮播图(左右翻
- 文章目录前言一、背景1.1、背景颜色(background-color)1.2、背景图片(background-image)1.2.1、基本认识1.2.2、重复模式(background-repeat)四种模式演示水平垂直平铺案例1.2.3、背景尺寸(background-size)1.2.4、背景裁切(background-clip)1.2.5、background-attachment属性1. 文章目录前言一、背景1.1、背景颜色(background-color)1.2、背景图片(background-image)1.2.1、基本认识1.2.2、重复模式(background-repeat)四种模式演示水平垂直平铺案例1.2.3、背景尺寸(background-size)1.2.4、背景裁切(background-clip)1.2.5、background-attachment属性1.
- 文章目录前言一、浮动1.1.1、浮动的基本概念1.1.2、浮动的顺序贴靠特性1.1.3、右浮动效果1.1.4、案例:使用浮动设计网页布局(分析及源码)1.1.5、BFC规范与浏览器差异认识overflow属性介绍overflow属性介绍hiddle值认识BFC原则(包含没有形成该原则案例)解决盒子没有形成BFC情况(4种)BFC的其他作用(解决另外两个问题:①margin塌陷;②元素浮动覆盖)浏览 文章目录前言一、浮动1.1.1、浮动的基本概念1.1.2、浮动的顺序贴靠特性1.1.3、右浮动效果1.1.4、案例:使用浮动设计网页布局(分析及源码)1.1.5、BFC规范与浏览器差异认识overflow属性介绍overflow属性介绍hiddle值认识BFC原则(包含没有形成该原则案例)解决盒子没有形成BFC情况(4种)BFC的其他作用(解决另外两个问题:①margin塌陷;②元素浮动覆盖)浏览
- 文章目录前言一、浮动1.1.1、浮动的基本概念1.1.2、浮动的顺序贴靠特性1.1.3、右浮动效果1.1.4、案例:使用浮动设计网页布局(分析及源码)1.1.5、BFC规范与浏览器差异认识overflow属性介绍overflow属性介绍hiddle值认识BFC原则(包含没有形成该原则案例)解决盒子没有形成BFC情况(4种)BFC的其他作用(解决另外两个问题:①margin塌陷;②元素浮动覆盖)浏览 文章目录前言一、浮动1.1.1、浮动的基本概念1.1.2、浮动的顺序贴靠特性1.1.3、右浮动效果1.1.4、案例:使用浮动设计网页布局(分析及源码)1.1.5、BFC规范与浏览器差异认识overflow属性介绍overflow属性介绍hiddle值认识BFC原则(包含没有形成该原则案例)解决盒子没有形成BFC情况(4种)BFC的其他作用(解决另外两个问题:①margin塌陷;②元素浮动覆盖)浏览
- 文章目录前言CSS3基本了解如何学习?一、什么是CSS1.1、发展史1.2、快速入门(三种引用方式)扩展:外部样式两种写法二、选择器2.1、基本选择器(标签、类、id)2.2、元素关系选择器(三个,层次位置)2.3、属性选择器(6种)2.4、复合选择器(后代、交集、并集)2.5、序号选择器(用于定位):firstchild与:lastchild:nth-child()与:nth-of-type() 文章目录前言CSS3基本了解如何学习?一、什么是CSS1.1、发展史1.2、快速入门(三种引用方式)扩展:外部样式两种写法二、选择器2.1、基本选择器(标签、类、id)2.2、元素关系选择器(三个,层次位置)2.3、属性选择器(6种)2.4、复合选择器(后代、交集、并集)2.5、序号选择器(用于定位):firstchild与:lastchild:nth-child()与:nth-of-type()
上滑加载中
推荐直播
-
揭秘高可靠高性能的亿级物联网平台发展历程
2024/03/27 周三 16:30-18:00
阿钟 华为云IoT DTSE技术布道师
对话华为20年资深测试老兵,从手工测试到自动化测试,到实现测试服务化的成长过程,揭秘亿级物联网平台高可靠性、高性能的发展历程。
回顾中
热门标签