- 问题背景 在设计页面时，我们经常会遇到类似这样的页面布局： 图中一个容器内有多个内容块，每块都有一个底部的下划线，但是一般为了美观，最后一个内容块儿的下划线是要去掉的 接下来我们看看通常情况下，是如何处理这种样式的： <!DOCTYPE html> <html lang="en"> <head> <meta char... 问题背景 在设计页面时，我们经常会遇到类似这样的页面布局： 图中一个容器内有多个内容块，每块都有一个底部的下划线，但是一般为了美观，最后一个内容块儿的下划线是要去掉的 接下来我们看看通常情况下，是如何处理这种样式的： <!DOCTYPE html> <html lang="en"> <head> <meta char...
- @Author：Runsen 文章目录 什么是csscss的格式css 三种写法选择器标签选择器id选择器类选择器后代选择器子元素选择器交集选择器兄弟选择器序选择器同级别的第几个 同类型的第几个属性选择器通配符选择器 文字样式规定文字样式的属性规定文字粗细的属性规定文字大小的属性规定文字字体的属性 文本样式文本装饰的属性文本水平对齐的属性文本缩进的... @Author：Runsen 文章目录 什么是csscss的格式css 三种写法选择器标签选择器id选择器类选择器后代选择器子元素选择器交集选择器兄弟选择器序选择器同级别的第几个 同类型的第几个属性选择器通配符选择器 文字样式规定文字样式的属性规定文字粗细的属性规定文字大小的属性规定文字字体的属性 文本样式文本装饰的属性文本水平对齐的属性文本缩进的...
- @Author：Runsen @Date：2020/5/31 作者介绍：Runsen目前大三下学期，专业化学工程与工艺，大学沉迷日语，Python， Java和一系列数据分析软件。导致翘课严重，专业排名中下。.在大学60%的时间，都在CSDN。 本文接着上面Bootstrap，本想进入ajax的，但是发现LESS好像忘记了。 文章目录 Less变量使用编译... @Author：Runsen @Date：2020/5/31 作者介绍：Runsen目前大三下学期，专业化学工程与工艺，大学沉迷日语，Python， Java和一系列数据分析软件。导致翘课严重，专业排名中下。.在大学60%的时间，都在CSDN。 本文接着上面Bootstrap，本想进入ajax的，但是发现LESS好像忘记了。 文章目录 Less变量使用编译...
- 2020/11/21、 周六、今天又是奋斗的一天。 @Author：Runsen 创建项目 使用 React 官方脚手架工具提供的工作流快速搭建和开发项目。发现React比Vue在某些方面还是强很多。 $ create-react-app jianshu $ cd jianshu $ npm start 123 styled-components ... 2020/11/21、 周六、今天又是奋斗的一天。 @Author：Runsen 创建项目 使用 React 官方脚手架工具提供的工作流快速搭建和开发项目。发现React比Vue在某些方面还是强很多。 $ create-react-app jianshu $ cd jianshu $ npm start 123 styled-components ...
- @Author：Runsen 2020/11/30、 周一、今天又是奋斗的一天。 文章目录 两列布局左边定宽 ，右边自适应弹性布局，flex实现表格方式 三列布局左边左浮 右边浮动 中间定宽Flex 布局 两列布局 左边定宽 ，右边自适应 想到的就是 float + margin 来实现两列布局，首先实现左栏定宽，主内容自适应的两栏布... @Author：Runsen 2020/11/30、 周一、今天又是奋斗的一天。 文章目录 两列布局左边定宽 ，右边自适应弹性布局，flex实现表格方式 三列布局左边左浮 右边浮动 中间定宽Flex 布局 两列布局 左边定宽 ，右边自适应 想到的就是 float + margin 来实现两列布局，首先实现左栏定宽，主内容自适应的两栏布...
- @Author：Runsen 2020/12/2、 周三、今天又是奋斗的一天。 Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 容器默认存在两根主轴：水平方向主轴(main axis)和垂直方向交叉轴(cross axis)，默认项目按主轴排列。 main st... @Author：Runsen 2020/12/2、 周三、今天又是奋斗的一天。 Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 容器默认存在两根主轴：水平方向主轴(main axis)和垂直方向交叉轴(cross axis)，默认项目按主轴排列。 main st...
- @Author：Runsen 2020/11/30、 周一、今天又是奋斗的一天。 文章目录 水平居中inline-block+ text-algin 属性配合使用子元素block和margin属性配合使用absolute+transform属性配合使用 (针对绝对定位）display: flex 和justify-content（ 弹性布局） 垂直... @Author：Runsen 2020/11/30、 周一、今天又是奋斗的一天。 文章目录 水平居中inline-block+ text-algin 属性配合使用子元素block和margin属性配合使用absolute+transform属性配合使用 (针对绝对定位）display: flex 和justify-content（ 弹性布局） 垂直...
- CSS在网页上生成一个圆形的四种方法 border-radiusSVGclip-pathradial-gradient # border-radius 是最简单的应用，并且得到了广泛的支持。该border-radius属性还将影响边框，阴影和元素的触摸/单击目标大小。 <div class="circle"></div>... CSS在网页上生成一个圆形的四种方法 border-radiusSVGclip-pathradial-gradient # border-radius 是最简单的应用，并且得到了广泛的支持。该border-radius属性还将影响边框，阴影和元素的触摸/单击目标大小。 <div class="circle"></div>...
- 废话不多说，直接上干货。 1.json字符串转成json对象 var jsonObj = new Object();var jsonStr:String = "{\"data\":{\"duration\":\"299\",\"format\":\"ev1\"}}";jsonObj = JSON.parse(jsonStr); 使用JSON.parse()就可以非常方便的将... 废话不多说，直接上干货。 1.json字符串转成json对象 var jsonObj = new Object();var jsonStr:String = "{\"data\":{\"duration\":\"299\",\"format\":\"ev1\"}}";jsonObj = JSON.parse(jsonStr); 使用JSON.parse()就可以非常方便的将...
- 无法访问空对象引用的属性或方法报错的弹窗提示如图： flash出现“无法访问空对象引用的属性或方法”问题的原因很简单，其实就是没有进行非空判断，根本原因是对hasOwnProperty的使用不了解。使用hasOwnProperty时需要对调用者进行非空判断。如果调用者是null，则会报这个错误。另外，这个报错一般只出现在firefox浏览器中，别的浏览器如360，chrom... 无法访问空对象引用的属性或方法报错的弹窗提示如图： flash出现“无法访问空对象引用的属性或方法”问题的原因很简单，其实就是没有进行非空判断，根本原因是对hasOwnProperty的使用不了解。使用hasOwnProperty时需要对调用者进行非空判断。如果调用者是null，则会报这个错误。另外，这个报错一般只出现在firefox浏览器中，别的浏览器如360，chrom...
- 项目中所有的源码都可以在此链接的仓库中找到：https://github.com/chenhaoxiang/uifuture-ssm 文章目录 7.2.2 通过GzipResourceResolver压缩静态资源 7.2.2 通过GzipResourceResolver压缩静态资源 前面使用到了缓存，但是第一次加载文件是不会走缓存的... 项目中所有的源码都可以在此链接的仓库中找到：https://github.com/chenhaoxiang/uifuture-ssm 文章目录 7.2.2 通过GzipResourceResolver压缩静态资源 7.2.2 通过GzipResourceResolver压缩静态资源 前面使用到了缓存，但是第一次加载文件是不会走缓存的...
- div实现可以滚动但不显示滚动条（纯CSS实现） 想要的效果实现效果的核心代码参考 想要的效果 想实现滚动效果但是又不想显示滚动条，如下面两个图所示： 从下面两个图可以看出，实现了滚动效果，动图弄着有点费劲，就委屈各位通过两个图片的变化看效果吧 实现效果的核心代码 首先有3个div 第1个，固定大小是宽：200，高：200（单... div实现可以滚动但不显示滚动条（纯CSS实现） 想要的效果实现效果的核心代码参考 想要的效果 想实现滚动效果但是又不想显示滚动条，如下面两个图所示： 从下面两个图可以看出，实现了滚动效果，动图弄着有点费劲，就委屈各位通过两个图片的变化看效果吧 实现效果的核心代码 首先有3个div 第1个，固定大小是宽：200，高：200（单...
- 最近发现 WordPress 博客在修改 style.css 样式不能立即生效的问题，根本原因在于服务器开启了.htaccess 缓存，不过你总不能直接把这个关掉吧。开启.htaccess 缓存还是有很多好处的。 我们为什么要设置.htaccess 缓存？ 网站一般不容易变化的都是一些图片，CSS，JS 脚本这些可以缓存到本地，设置一个缓存时间，比如 30 天，这样访客打开... 最近发现 WordPress 博客在修改 style.css 样式不能立即生效的问题，根本原因在于服务器开启了.htaccess 缓存，不过你总不能直接把这个关掉吧。开启.htaccess 缓存还是有很多好处的。 我们为什么要设置.htaccess 缓存？ 网站一般不容易变化的都是一些图片，CSS，JS 脚本这些可以缓存到本地，设置一个缓存时间，比如 30 天，这样访客打开...
- 综述 CSS3 已经变得非常流行，原本的 CSS 不支持自定义字体，但是传说中的 CSS3 基本上什么都可以，那么 CSS3 中可不可以自定义英文字体呢？这里我们就一起来感受一下。 语法规则 1234567891011 @font-face { font-family: 自定义的字体名称; src: 自定义的字体的存放路径; font-weight: no... 综述 CSS3 已经变得非常流行，原本的 CSS 不支持自定义字体，但是传说中的 CSS3 基本上什么都可以，那么 CSS3 中可不可以自定义英文字体呢？这里我们就一起来感受一下。 语法规则 1234567891011 @font-face { font-family: 自定义的字体名称; src: 自定义的字体的存放路径; font-weight: no...
- 前言： 普通图片： 给网页添加背景图片 html+css 动态： 就是换成MP4格式作为网页背景。 实现： 定义html的video标签： <video src="xiamu.mp4" class="bjimg" autoplay loop muted></video> 1 在url里写入自己视频地址就好~ 添加css样式就完成了： .bjimg ... 前言： 普通图片： 给网页添加背景图片 html+css 动态： 就是换成MP4格式作为网页背景。 实现： 定义html的video标签： <video src="xiamu.mp4" class="bjimg" autoplay loop muted></video> 1 在url里写入自己视频地址就好~ 添加css样式就完成了： .bjimg ...
上滑加载中
推荐直播
-
HDC深度解读系列 - AI时代的华为开发者空间2025/07/24 周四 16:30-18:00
Edwin 华为开发者空间产品总监 姚圣伟 HCDG天津核心组代表&HCDE
继HDC发布开发者空间新特性后，本期直播聚焦华为开发者空间核心升级，邀您一起深度解读其如何赋能AI时代智能应用开发，解锁开发新体验
回顾中 -
OpenHarmony生态构建2025/07/24 周四 19:00-20:00
王天一、聂嘉一 -华为开发者布道师-高校学生
本次直播将结合讲师的实践经验，深入剖析OpenHarmony开发中的核心痛点与难点，展示从入门到进阶的多层次开发案例，并分享高效的学习路径、实用开发技巧和常见问题的解决方案。同时，我们还将探讨OpenHarmony的生态建设，解析测试规范与开发实践，帮助开发者更好地适配多设备，共同推动OpenHarmony生态的发展。
回顾中
热门标签