自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 移动端自适应布局和响应式页面兼容移动端布局

上篇博客讲到了移动端的常用布局模式之一:Flex布局,这篇博客咱们来了解一下移动端的另外两种布局——移动端自适应布局和响应式页面兼容移动端布局。一、移动端自适应布局 所谓前端适配,就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果,目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度,一种是使用rem自适应布局的flexible.js。1.rem 什么是rem rem和我们之前学过的em一样,都是css...

2021-08-25 10:40:09 2922 5

原创 Flex布局

在学习flex布局之前,我们常用的布局方式是基于盒模型上的,使用display属性+float属性+position属性帮助我们完成布局。但是某些布局就不易实现。一、什么是Flex布局? Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。使用Flex 布局,可以简便、完整、响应式地实现各种页面布局。Flex布局在PC端的兼容性较差,Webkit 内核的浏览器,必须加上-webki...

2021-08-17 11:38:55 1825 2

原创 CSS3——2D、3D和动画相关属性

CSS3中2D、3D和动画的相关属性,详细!

2021-08-10 11:03:40 495

原创 项目二:品优购电商项目

最近几天尝试做了一下品优购网站的几个页面,这篇博客补充介绍一些新知识点。板块制作、文字两端对齐、字体图标、文字溢出隐藏

2021-08-07 09:09:42 407 7

原创 CSS进阶选择器——属性选择器、结构伪类选择器、伪元素选择器

在前面的文章中讲解了CSS中的基础选择器,本篇来讲解一些新的选择器,让开发更加简洁方便。

2021-08-02 10:27:41 466 2

原创 项目一:摄影分享网站开发

本篇博客主要分享在该项目中遇到的一些问题及解决方法。项目效果网站:http://zerored.3vhost.net/travel/index.html

2021-08-02 10:26:31 890 4

原创 CSS选择器、样式、盒模型、浮动——盒模型、浮动

本篇主要将的是CSS中的重点盒子模型和浮动,在开发中我们会大量运用到它们。盒子模型        网页的核心就是利用CSS摆盒子,一个盒子包括了边框、内容、内边距、外边距。下图就是一个完整的盒子模型:在开发中我们可以通过开发者工具来检查盒子模型,调整盒子,提高工作效率。border边框属性作用值border-width定义边框粗细数值 单位是pxborder-style边框的样式

2021-08-02 10:24:26 188 1

原创 CSS布局——position属性

前面讲到盒子模型和浮动,本篇来讲可以帮助我们美化网页布局的一个重要属性——定位(position)。

2021-07-31 09:03:48 258 5

原创 CSS选择器、样式、盒模型、浮动——CSS样式篇

    本篇列出的属性值为博主认为在初学者开发中经常使用的属性。字体样式、文本属性、元素转和背景属性font-family字体样式“Microsft YaHei”,tahoma,‘Hiragino Sans GB’font-size更改字体大小数值 单位是pxont-weight设置文字粗细number:数字(无单位)400是不加粗,700是加粗font-style字体倾斜italic 斜体/normal 不倾斜字体

2021-07-31 08:52:56 179 3

原创 CSS选择器、样式、盒模型、浮动——CSS选择器、权重

本篇博客主要是讲的css基础中的引入、选择器与权重问题

2021-07-30 11:33:34 238 4

原创 鼠标悬停 边框会撑大盒子

鼠标悬停添加border会撑大盒子

2021-07-30 11:20:36 772 3

原创 进制之间的转换

进制转换进制之间的转换-二进制、八进制、十进制、十六进制各进制的用途功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入进制之间的转换-二进制、八进制、十进制、十六进制总结一下常见的进制,以及分享一下各进制之间的转换方法。各进制的

2021-07-17 20:09:31 3632 1

空空如也

空空如也

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

TA关注的人

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