CSS

一、rem基础 rem单位 rem (root em)是⼀个相对单位，类似于em，em是⽗元素字体⼤⼩。 不同的是rem的基准是相对于html元素的字体⼤⼩。 ⽐如，根元素（html）设置font-size=12px; ⾮根元素设置width:2re...

piniu 2个月前（12-17） 286浏览 0评论

网站的页面引用了less后缀的样式文件，修改了less文件的样式，然后刷新页面，总是不起作用，也清除了缓存，也强制刷新了浏览器，就是没变化。 后来在网上查询，说是需要将less文件编译成css文件。还真是这个情况。操作如下： 1. 安装node.js...

piniu 2个月前（12-10） 150浏览 0评论

Vue中SCSS是一种使得开发者能够在Vue.js项目中编写更高级、更结构化和更易维护的CSS的预处理语言。 具体来说，SCSS 是 SASS (Syntactically Awesome Stylesheets) 的一种语法格式，它扩展了 CSS ...

piniu 2个月前（11-23） 111浏览 0评论

一、flex 布局简介 flex 是 flexible box 的缩写，意思是 弹性布局 或 弹性盒子，是 CSS3 中一种新的布局模式，可以简单、完整、响应式地实现各种页面布局，当页面需要适应不同的屏幕大小以及多种设备类型时非常适合用flex布局，...

piniu 3年前（2022-11-02） 752浏览 0评论

首先html页面body体内容： css样式： 使用了绝对定位：position:absolute的方式，加上对应的top和bottom的使用，达到了预期的效果

piniu 3年前（2022-11-02） 705浏览 0评论

动态设置html元素的font-size，方便其他元素设置width、height、margin、padding、font-size等参数值单位rem。 rem布局的原理： 通过媒体查询设置不同屏幕宽度下的html的font-size大小，然后在cs...

piniu 3年前（2022-10-31） 756浏览 0评论

摘要：在使用Element（2.10.1版本）的Container布局容器布，发现按照官网的代码运行后，发现不能撑开整个页面，只能显示一段高度 官方代码运行后效果： 如何实现不满全屏呢？实现如下： 1、需要给包裹的div一个height：100% 2...

piniu 3年前（2022-10-30） 680浏览 0评论

box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。它是CSS3里的属性。 W3C 盒子模型：标准盒模型，是指块元素box-sizing属性为content-box的盒模型。一般在现代浏览器中使用的都是标准盒模型，它也是标准 w3...

piniu 3年前（2022-09-12） 932浏览 0评论

显示一行，省略号   显示两行，省略号

piniu 6年前（2020-05-03） 1565浏览 0评论

一、须知  placeholder属性时css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占用文本。 二、设置placeholder文字颜色、字号  方式1  : 　因为每个浏览器的CSS选择器...

piniu 6年前（2020-05-03） 1537浏览 0评论