Html+CSS

如何使padding值不计算在内

对于我们前端开发人员来说，padding和margin是常用的属性；而且用起来也比较方便，但是当我们开发页面的html+css部分的时候，总是频繁的计算padding值，想想也是很累的；这里给刚入行的小伙伴们一个方法
小_花花哟·2021-04-24 12:25

重新认识html+css

HTML：超文本标记语言；1.什么是HTML标记语言：表示网页信息的符号标记语言特点：可以设置文本的格式；可以创建列表；可以插入图像和媒体；可以建立表格；超链接，可以用鼠标点击超链接实现页面跳转XHTML：XHTML是升级版的html（ExtensibleHyperTextMarkupLanguage），对html进行了规范，编码更加严谨纯洁，也是一种过渡语言，html向xml过渡的语言。实际上X
special_wen·2021-04-24 08:20

「HTML+CSS」--自定义加载动画【036】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！日常分享：微信公众号【海轰Pro】记录生活、学习点滴，分享一些源代码或
海轰Pro·2021-04-23 20:35

HTML+CSS实现进度条

最近业务上有了产品预约进度条的需求，故学习已有的一些成熟方案，便捷掌握使用方法均分滚动条首先是网易云音乐的用户等级进度条网易云音乐进度条经过一番搬运整理，我们也可以实现间隔均分段的滚动条，代码中的图像文件来自网易云音乐用户等级页面，感兴趣的读者可到官网上拿取。以下为CSS样式.sub{width:100%;position:relative;z-index:1;padding-top:31px;h
爱鸽子的玉米君·2021-04-23 17:00

「HTML+CSS」--自定义加载动画【035】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！日常分享：微信公众号【海轰Pro】记录生活、学习点滴，分享一些源代码或
海轰Pro·2021-04-23 14:25

html+css实现轮播

初学html和css，照葫芦画瓢实现无js的轮播，主要借鉴了以下两个博客：http://www.jianshu.com/p/28643f36011ehttp://www.cnblogs.com/HLX1992/p/5910265.html主要就是利用了overflow的hidden和animation属性，宽度只要改slider的width就行了。animation时间的计算还有延时可以参考htt
llycc·2021-04-23 08:20

「HTML+CSS」--自定义加载动画【032】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！日常分享：微信公众号【海轰Pro】记录生活、学习点滴，分享一些源代码或
海轰Pro·2021-04-22 23:44

「HTML+CSS」--自定义加载动画【030】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！日常分享：微信公众号【海轰Pro】记录生活、学习点滴，分享一些源代码或
海轰Pro·2021-04-22 19:53

前端学习之旅--最大的原因在你自己

我，一个互联网本家专业的学生，接触前端是大一的时候接触的，那个时候还不知道我在学习的领域是叫前端，毕竟也就只是学学点HTML+CSS，那个时候只知道女生学点网页设计的东西会
森西悠然·2021-04-22 10:30

「HTML+CSS」--自定义加载动画【027】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！日常分享：微信公众号【海轰Pro】记录生活、学习点滴，分享一些源代码或
海轰Pro·2021-04-21 18:21

HTML+CSS基础

1、HTML常用字符实体HTML常用字符实体2、CSS规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。
ShortLife·2021-04-21 14:04

JavaScript应用：简单计算器的实现

JS实现简单计算器页面布局设计（HTML+CSS)  由于在之前的博客中有对html和css进行详细的讲解，再次就不多叙述，直接上代码。
just sh!·2021-04-21 00:34

零基础学前端的几条建议

html+css这块，建议去w3school学习，边学边练，敲完代码打开chrome浏览器调试
hugo233·2021-04-20 17:17

html+css巧妙应用

一、select用遮盖层去默认倒三角的时候，可以改改select的size，让select显示选择下拉框。//select$(".info-sel").click(function(){$("#select").attr('size',2);$("option").click(function(){$("#select").removeAttr('size');})});也可以用css解决，在遮盖
Smallbore·2021-04-20 06:01

ionic1开发之准备工作

今年国庆之前HTML+CSS会写一点点，js和jq基本不会，angular也是停留在听说过的层面，国庆之后正式入了ionic的坑。
hhjjj1010·2021-04-20 04:05

我对代码的理解

每个程序员都有属于自己的一套知识架构，学习的方向都是由浅入深，从基础的html+css到我们经常遇到一些无力，烦人。头都大了的javascript。
蜃楼_0bde·2021-04-20 00:15

3D分层图像悬停效果 html+css

一.（⊙-⊙）先看效果（完整源码在底部）：二.(￣◇￣)实现过程步骤：0.基本css样式（复制即可）*：*{margin:0;padding:0;box-sizing:border-box;}body{height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgb(9,22,37);}
北极光之夜。·2021-04-19 23:22

「HTML+CSS」--自定义加载动画【026】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！日常分享：微信公众号【海轰Pro】记录生活、学习点滴，分享一些源代码或
海轰Pro·2021-04-19 19:41

史上最全的HTML、CSS知识点总结，浅显易懂。适合入门新手，需要的收藏

一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。
毒舌程序员·2021-04-19 09:21

史上最全的HTML、CSS知识点总结，浅显易懂。

一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。
编程小石头·2021-04-18 08:03

html+css面试题

1.如何理解html语义化html语义化是指从代码上展示页面的结构，而不是从最终视觉上来表现结构。1.2表现形式html5新标签:header-页眉、footer-页脚、aside-附属信息、nav-导航链接、section、article，caption-表格标题、thead-表头、tbody-表格内容、tfoot-表尾1.3作用有利于构建良好的html架构，有利于搜索引擎建立索引和抓取页面结构
林不羁吖·2021-04-18 04:15

web前端全栈资料粉丝福利（简历模板102份、面试题（含答案）、视频资料笔记、进阶路线）

免费进阶到架构系列资料分享包括但不限于：HTML+CSS页面搭建，CS核心和PC端页面开发，HTML5移动端页面开发，web前端核心技术JavaScript，ecmasript，dom，ajax，json
PHP9年架构师·2021-04-17 16:04

HTML+CSS：设计一个网站登录页面 学起来很简单

hello，大家好，我是wangzirui32，今天我们来学习如何设计一个网站登录页面。开始学习吧！1.项目架构demo/login.html网页文件backgrond.png登录背景图片style.cssCSS样式文件按照以上创建即可。2.编写代码2.1网页文件编写HTML代码不多，如下：wangzirui32网站首页Wangzirui32网站登录用户名：密码：登录以上代码设置了登录区域的相关标
wangzirui32·2021-04-16 22:08

生日礼物~蓝色梦幻海洋3D相册(自定义背景图片/含背景音乐)~程序员专属表白3D电子相册

女神轻松领回家❤Html+css实现3d旋转相册-包含音乐,(生日送女友,表白,撩妹)，动态生成效果,抖音很火的旋转相册,这样制作的~,现在,越来越多的人喜欢用视频记录生活,照片多的友友也会选择制作动态
@码出未来·2021-04-16 10:47

HTML+CSS+JS实现图片的瀑布流布局

HTML+CSS+JS实现瀑布流布局前言一、总体效果二、HTML+CSS简单布局三、JS实现后续布局总结前言瀑布流布局简而言之就是类似瀑布流的布局嘛，这么一讲大家可能还是不是了解的很明白，来来来，那现在我给大家上一个常见的实例
Transprant·2021-04-16 02:21

Html+Css面试题

iframe框架有那些优缺点？优点iframe能够原封不动的把嵌入的网页展现出来。如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。缺点框架结构中出现
蛋蛋大少爷·2021-04-14 20:54

音波加载效果 html+css

先看效果╰(●◡●)╮（完整代码在底部）：这个是比较常见的一个简约效果，拿下~实现（可一步一步实现）：0.基本css样式（复制即可）*：*{margin:0;padding:0;box-sizing:border-box;}body{height:100vh;display:flex;justify-content:center;align-items:center;background-colo
北极光之夜。·2021-04-13 23:36

html+css基础，小学生看完都学会了

html+css基础html的介绍html的基本结构vscode的基本使用初始常用的html标签资源路径列表标签表格标签表单标签表单提交css的介绍css的引入方式css选择器css属性css元素溢出css
柏汌不是百川·2021-04-10 15:26

环绕倒影加载特效 html+css

先看效果（完整代码在底部）：实现（可一步一步边看效果边编写）：※先初始化（直接复制）：*{margin:0;padding:0;box-sizing:border-box;}body{height:100vh;display:flex;justify-content:center;align-items:center;background-color:rgb(7,15,26);}flex布局，让子
北极光之夜。·2021-04-09 00:01

「HTML+CSS」--自定义按钮样式【003】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！日常分享：微信公众号【海轰Pro】记录生活、学习点滴，分享一些源代码或
海轰Pro·2021-04-04 00:52

「HTML+CSS」--自定义按钮样式【001】

前言Hello！小伙伴！首先非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～哈哈自我介绍一下昵称：海轰标签：程序猿一只｜C++选手｜学生简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～）学习经验：扎实基础+多做笔记+多敲代码+多思考+学好英语！日常分享：微信公众号【海轰Pro】记录生活、学习点滴，分享一些源代码或
海轰Pro·2021-04-03 16:36

复仇者联盟旋转立方体----------HTML+CSS这波你学费了吗

由于上几周在自学HTML+CSS，所以博客也好久没更新，对此深感抱歉。本次附上自学HTML和CSS的经验总结和立方体代码，希望多多支持。
祖国未来的小码农·2021-04-03 11:19

HTML+CSS高频面试题

HTML+CSS文章目录HTML+CSS1.link标签和import标签的区别?
前端加油·2021-04-02 10:20

血轮眼轮回眼特效 html+css

效果（完整代码在底部）：实现并不难，都是重复的代码比较多。实现（可跟着一步一步写）：1.先定义基本标签：2.定义左右眼的基本css样式：.zuo,.you{width:250px;height:120px;background-color:rgb(255,255,255);border-bottom:5pxsolidrgb(70,70,70);overflow:hidden;position:re
北极光之夜。·2021-03-27 12:12

能够解你燃眉之急的JavaWeb小项目 - 1号店，建议白嫖！！！

项目名称：1号店v.1.0技术选型：前端页面-JSP/HTML+CSS链接传送-JavaScript格式转换-FastJson效果渲染-JQuery控制器-Servlet后台服务器-ApacheTomcatv9.0
WanAkiko.·2021-03-20 10:48

能够解你燃眉之急的JavaWeb小项目 - 养猪系统，建议白嫖！！！

项目名称：养猪系统v.1.0技术选型：前端页面-JSP/HTML+CSS链接传送-JavaScript控制器-Servlet图片上传组件-SmartUpload验证码绘制-java.awt.Graphics
WanAkiko.·2021-03-20 09:53

HTML+CSS实战作业

文章目录题目一实现代码总结题目2实现代码总结注意点题目一实现代码#div1{background-color:#ffc33c;border:2pxsolid#333;height:300px;width:300px;float:left;margin-left:25px;}#div2{background-color:#ff33cc;border:2pxsolid#333;height:300px
寻梦&之璐·2021-03-11 12:07

经验总结

案例（HTML+CSS）：百度首页登录界面宠物网站月福首页总结1、“打地基”项目准备：index.htmlcss/index.cssimages/xxx2、“盖房”搭建项目结构，完成内容：头部主要内容尾部经验
imChay·2021-03-10 13:09

使用HTML+CSS制作网易云轮播

使用HTML和CSS制作网易云轮播今天现来说说使用CSS的动画技术来实现轮播。现看看效果图这里是八张图片渐入渐出的效果轮播。html代码：css代码：#lunbo{height:420px;width:1080px;animation:play20slinearinfinite;}/*背景颜色再用一个动画，时间与轮播的时间一样*/@keyframesplay{0%{background:url(.
梦梦~~·2021-03-09 17:13

SVG绘制文字特效 html+css

效果（源码在最后）：实现：定义基本标签，main是底层盒子，text是文本，SVG标签用法看这里：北极光之夜。定义文本标签text基本样式：.txt{font-family:'fangsong';font-weight:900;font-size:80px;letter-spacing:3px;fill:transparent;stroke:url("#yanse");stroke-width:1
北极光之夜。·2021-03-09 13:17

文字折叠特效 html+css

效果：实现：1.定义标签：aurora2.设置文字基本样式：h1{text-transform:uppercase;letter-spacing:3px;font-size:15vw;transform:rotate(-10deg)skew(30deg);position:relative;color:rgba(0,101,253,0.6);-webkit-text-stroke:2pxrgba(
北极光之夜。·2021-03-07 00:10

小彩灯特效 html+css

效果：实现：1.添加标签，可以看出一个li就是一个灯泡，可以多点，保证设置大小后整体能大过浏览器默认可视区宽度。2.设置底层盒子.container的基本样式：.container{margin-top:10px;width:100%;height:120px;white-space:nowrap;overflow:hidden;}white-space:nowrap;子元素li不换行，会在在同一
北极光之夜。·2021-03-06 16:51

简单实现瀑布流布局 html+css

效果：前言：这个效果几行css代码就能搞定，但是其有个缺点是图顺序是从上到下排列再从左到右。没能实现从左到右再从上到下顺序排列。这样不利于最新图片优先显示的原则。所以其只适用在一些简单场景，复杂的瀑布流布局还是得用js实现。实现：1.定义标签，main是底层盒子，.item里放图片，这里用了12张图：img里的src=“https://picsum.photos/560/460?random=12
北极光之夜。·2021-02-25 18:43

css测试总结

年前进行了html+css的测试，把一些有意思的题目分享和总结一下我们先来看一下这几个题目：题目一：总结一下css中常用的选择器题目二：分析并说明href和src两种引用方式的区别题目三：比较并说明IE
前水员·2021-02-20 17:12

运用HTML+CSS做CSDN博客首页

原标题:运用前端知识做CSDN博客首页文章目录原标题:运用前端知识做CSDN博客首页1.看一下实现的代码效果2.怎样实现2.1导航栏2.2盒子一2.3盒子二2.3盒子三3.整个效果实现的代码压缩包1.看一下实现的代码效果因为这是小编在2020年12月份时敲的代码，当时那个博客首页的样式是这样的。所以小编的模仿的网页效果和读者现在看到的或许不一样的(更新了).效果如下:2.怎样实现小编把这个界面的实
il_持之以恒_li·2021-02-20 16:15

炫彩流光文字 html+css

效果：实现：1.定义标签，各自作用看后面解析：liveon.2.给底层盒子main与.txt定义基本样式：main{position:relative;overflow:hidden;}.txt{color:rgb(255,255,255);text-transform:uppercase;font-size:168px;background-color:rgb(0,0,0);user-selec
北极光之夜。·2021-02-17 22:16

css样式中居中显示的效果

html+css样式居中显示效果（水平+垂直）通常我们制作网页时会使用居中显示，让网页中的某一对象达到水平居中或者垂直居中，今天将我知道的几种方法分享给大家接下来请看html示范代码1、div设置绝对定位
赵HY·2021-02-16 10:03

如何用HTML+CSS制作3D动态相册？ #情人节表白#

HTML代码：3D立体相册CSS代码：@charset"utf-8";*{margin:0;padding:0;}body{max-width:100%;min-width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-size:10
Jasmine-White·2021-02-12 21:43

三色边框旋转加载特效 html+css

效果：实现：1.定义标签，.box是底层盒子，.circle里的3个span元素就是效果图里的3条颜色边框。h5就是文字。：NIGHT.2.给.box与.ciecle基本样式，采用定位：.box{width:150px;height:150px;position:relative;}.circle{width:100%;height:100%;position:absolute;}3.设置3条颜色
北极光之夜。·2021-02-12 00:58

品优购-注册登录页面完整源码

完整源码（HTML+CSS）个人注册*{margin:0;padding:0;/*css3盒子模型*/box-sizing:border-box;}/*斜体文字不倾斜*/em,i{font-style:
带专人带专混带专也是人上人·2021-02-09 19:01
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他