自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 tab

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box{ width: 800px; he...

2019-11-25 20:03:11 139

原创 轮播图js

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-11-25 18:41:12 120

原创 轮播图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-08-05 22:37:56 124

原创 多栏布局解决方案之双飞翼布局

特点:给中心盒子里边再套一个盒子用来放置内容,这个盒子设置左右两侧的外边距,目的是把内容放到中心盒子身上展示步骤:1.先将三个盒子浮动并排(先写中间盒子,再写两侧 保证左右两侧盒子同时并排到右侧)2.左右两侧盒子用负左外边距放到中间盒子的两侧(左侧盒子 margin-left: -100%(中间盒子宽度); 右侧盒子 margin-left: -300px(自身宽度);)3.设置inner...

2019-08-05 21:47:46 161

原创 多栏布局解决方案之圣杯布局

圣杯布局 即 三列自适应布局(中间100%,两侧固定宽度)步骤:1.先浮动并排(先写中间盒子,再写两侧 保证左右两侧盒子同时并排到右侧)2.左右两侧盒子用负左外边距放到中心盒子的两侧(左侧盒子 margin-left: -100%(中间盒子宽度); 右侧盒子 margin-left: -300px(自身宽度);)3.设置最外侧盒子的内边距把内容挤到中间4.设置两侧盒子的相对定位移动到...

2019-08-05 21:35:47 170

原创 多栏布局解决方案之真等高

等高布局之真等高原理:利用内容撑开父元素的特点,即父盒子的高度取决于内容里最高盒子的高度步骤:(假设有三列盒子)1.浮动并排 清除浮动属性,给每个列盒子设置不同的背景色2.给盒子在套几个盒子,其数量等于列的数量,每一列都要分配一个背景盒子,给每个背景盒子设置不同的背景色。3.先移动倒数第二层的盒子(用来放置第三个列盒子),然后依次移动倒数第三层(最里边那个,用来放置第二个列盒子)…设置负...

2019-08-05 20:55:35 122

原创 多栏布局解决方案之伪等高

等高布局之伪等高等高布局是指多列子元素在父元素中实现等高视觉效果的布局技巧。实现要点:(1)多个列需要单独设置自己的背景色。(2)一列变高,其他列等高变化表格实现 行等高、列等宽伪等高 :内外边距相消法 (父盒子的高度取决于子盒子里最高盒子的高度)步骤:给几列盒子设置很大的 正padding-bottom再给几列盒子设置很大的 负 margin-bottom最外侧的盒子设...

2019-08-05 19:46:26 171

原创 知识点

知识点浏览器及内核所谓的浏览器内核,指的是一个浏览器最核心的部分—“Rendering Engine” ,直译这个词汇叫做“渲染引擎”,这个引擎的作用是帮助浏览器来渲染网页的内容,将页面内容和排版代码转换为用户所见的视图。常见的浏览器及其内核Chrome浏览器 webkit -->BlinkFirefox 浏览器 GeckoSafari 浏览器 Webki...

2019-08-05 16:47:45 99

原创 前端的含义

前端百度百科解释:前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。前端开发前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现...

2019-08-05 16:30:56 2094

原创 记录我的IT生涯

@TOCabcd欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将...

2019-07-18 18:52:02 156

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除