随笔分类 -  css

如何用CSS实现左侧宽度固定，右侧自适应（两栏布局）？左右固定中间自适应（三栏布局）呢？
摘要：如何用CSS实现左侧宽度固定，右侧自适应（两栏布局）？左右固定中间自适应（三栏布局）呢？在前端日常布局中，会经常遇到左侧宽度固定，右侧自适应或者左右两边固定，中间部分自适应的实用场景。本文例子中将列举出两种常用的两栏布局，左侧固定右侧自适应的常用方法以及代码和五种左右固定中间自适应的常用方法以及代码 具体实现效果展示如下： 1.二栏布局-flex弹性布局 <!-- flex弹性布局 - 阅读全文
posted @ 2022-04-06 15:54 zhangzuying 阅读(408) 评论(0) 推荐(0) 编辑
CSS linear-gradient()函数（线性渐变 ）以及CSS文字渐变代码
摘要：CSS linear-gradient()函数（线性渐变 ）以及CSS文字渐变代码实例：实现预期效果 代码实现： <head> <meta charset="utf-8"> <title>渐变文字</title> <style> #grad1 { margin: auto; font-family: SourceHanSansCN-Bold; font-size: 48px; f 阅读全文
posted @ 2022-02-24 11:20 zhangzuying 阅读(366) 评论(0) 推荐(0) 编辑
SASS使用方法环境配置 Ruby安装以及sass常用mixins举例 静态页使用方法
摘要：SASS使用方法环境配置 Ruby安装以及sass常用mixins举例 静态页使用方法Sass介绍： Sass 是一个 CSS 预处理器。是 CSS 扩展语言，可以帮助我们减少 CSS 重复的代码，节省开发时间并且完全兼容所有版本的 CSS。 Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承、内置函数等等特性。生成良好格式化的 CSS 代码，易于组织和维护。文件后缀为 阅读全文
posted @ 2021-12-08 17:40 zhangzuying 阅读(124) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示