腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Web前端开发

专栏作者

162

文章

261362

阅读量

29

订阅数

CSS Flex 实现 Alignment Shifting Wrapping

实现效果： 📷 1、用 float 实现 .html： <h3 class="title float-title"> <span class="title-main">Main Title Here</span> <span class="title-note">This subtitle is floated.</span> </h3> .css： .title { border-bottom: 1px solid #ccc; margin: 40px auto; } .title-no

2022-05-07

1770

CSS Flex 实现文本截断

实现效果： 📷 .html： <div class="filename"> <span class="filename__base">this-file-has-a-really-really-really-long-filename.</span> <span class="filename__extension">pdf</span> </div> .css： .filename { display: flex; } .filename__base { text-overflow: e

2022-05-07

1.2K0

Web前端性能优化-资源合并与压缩

文件存储 node.js html css javascript

一、HTML 压缩 1、利用在线网站进行压缩（https://tool.oschina.net/） 2、nodejs 提供了 html-minifier 工具 3、后端模板引擎渲染压缩二、CSS 压缩 1、利用在线网站进行压缩 2、使用 html-minifier 对 html 中的 css 进行压缩 3、使用 clean-css 对 css 进行压缩三、JS 压缩与混乱 1、无效字符的删除 2、剔除注释 3、代码语义的缩减和优化 4、代码保护四、文件合并（将 a.js、b.js、c.js 合并成一

2020-04-17

7970

link和@import的区别

link 除了引用样式文件，还可以引用图片等资源文件，而 @import 只引用样式文件

2019-08-25

8590

css 编程算法打包

注意：这里的选择器即是选择器也是属性名，譬如将 class、@mySelector:width; 换成 widths 就会报错，不识别，因为 css 里面没有 widths 这个属性。

2019-08-23

1.6K0

LESS简介与使用方法

打包 css http javascript

less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。

2019-08-23

1K0

一个简易的css reset

/*css reset*/ /*清除内外边距*/ body, h1, h2, h3, h4, h5, h6, p, hr, /*结构元素*/ ul, ol, li, dl, dt, dd, /*列表元素*/ form, fieldset, legend, input, button, select, textarea, /*表单元素*/ th, td, /*表格元素*/ pre { padding: 0; margin: 0; } /*重置默认样式*/ body, button, inpu

2019-08-23

4160

SASS 和 LESS 的区别

sas 打包编程算法 css sass

LESS 需要引入 less.js 来处理代码输出 CSS 到浏览器，也可以在开发环节使用 LESS，然后编译成 CSS 文件直接使用

2019-08-23

1.2K0

CSS3过渡与动画

　　　增强页面渲染性能，提前通知浏览器元素将要做什么动画，让浏览器提前准备合适的优化设置

2019-08-23

7660

CSS3边框与圆角

1. CSS3 圆角 border-radius 属性一个最多可指定四个border -*- radius属性的复合属性，这个属性允许你为元素添加圆角边框！语法：border-radius: 1-4 length|% / 1-4 length|%; 兼容性：IE9+、FireFox4+、Chrome、Safari5+、Opera 多值四个值：左上，右上，右下，左下三个值：左上，右上和左下，右下两个值：左上和右下，右上和左下一个值：四个圆角值相同扩展属性 bord

2019-08-23

1.5K0

关于元素间的边距重叠问题与BFC

BFC（Block Formatting Context），即块级格式化上下文，创建了 BFC 的元素是一个独立的容器，里面无论如何布局都不会影响到外面的元素

2019-08-23

1.9K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态