CSS
闫小样丶
这个作者很懒,什么都没留下…
展开
-
CSS | 如何实现网页中loading的动效
@media screen and (max-device-width: 1920px) { }@media screen and (max-device-width: 1440px) { }@media screen and (max-device-width: 1366px) { }原创 2020-07-20 16:40:39 · 565 阅读 · 0 评论 -
CSS使用flex布局 滚动条失效的问题?
在使用flex布局中,父元素:parent: { display: flex;}子元素:child: { flex: 1; overflow: auto;}注意:子元素默认占满父元素;子元素内容超过后,没有出现滚动条;所以,子元素应写为:child: { flex: 1; overflow: auto; widt...原创 2019-10-17 08:15:36 · 9757 阅读 · 0 评论 -
css reset重定义浏览器默认样式
@charset "utf-8";/* -----------H-ui前端框架-----------------------H-ui.reset.css v1.2重定义浏览器默认样式H-ui.reser CSS file for H-uiCopyright H-ui Inc.http://www.H-ui.netdate:2014.10.09Created & Modif...原创 2019-10-09 10:06:13 · 160 阅读 · 0 评论 -
css清除1px问题的border.css
@charset "utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-topright,.border-bottomleft {...原创 2019-10-09 10:03:09 · 249 阅读 · 0 评论 -
css中如何使用padding代替高度实现背景图片高度按比例自适应
我们在做项目的过程中,常常需要将一些图片做成背景图。但是在页面缩放的时候,会发现背景图并没有自适应去缩放。我在做项目的过程中也同样遇到了这个问题,查了一些资料发现通过padding可以实现背景图片高度按比例自适应。首先大概说一下原理:(1)高度百分比我们将高度设置成百分比时,其中的高度是基于父元素来定的,设置成50%,就是将该元素高度设置成父元素的高度值*50%。但是高度设置为百分比时...原创 2019-09-27 17:14:49 · 1302 阅读 · 0 评论 -
如何在inconfont创建新的项目并添加图标
一、创建新项目1. 首先进入iconfont图标库,登录账号。2.点击图标管理--我的项目3. 点击右侧的新建项目4. 填写相关的信息5. 点击新建完成项目二、添加图标1.项目新建完成后,往项目里添加我们想要使用的图标,找到图标库,搜索一个想要的图标,然后添加至购物车;2.把选中的图标加入我的项目,点击加入购物车3. 添加至购物车完成后,...原创 2019-09-25 11:32:42 · 2024 阅读 · 0 评论 -
css如何更改滚动条的默认样式
我们常会遇到滚动条的样式需要根据psd设计稿进行修改,如下所示:有两种修改滚动条默认样式的方法。方法一:/* 滚动条样式 start */.jsyzmx .macro-table .res_data::-webkit-scrollbar{ /*滚动条整体样式*/ width:10px; height:10px;}/* 小方块 */.jsyzmx .macro-table ....原创 2019-09-23 19:40:31 · 187 阅读 · 0 评论 -
CSS常见的清除默认样式和常用属性
清除input的默认样式:input { background: none; outline: none; border: none;}改变input中的placeholder的默认样式:input::-webkit-input-placeholder { color: rgba(49,49,49,1); font-size: .26rem;}清...原创 2019-09-23 19:25:05 · 1524 阅读 · 0 评论 -
CSS规范 — 01 常用的命名规范
我在做项目和维护他人写的代码过程中,越来越发现代码规范的重要性。规范的代码格式可以让后期在原代码上开发和维护更加高效。自己也看了很多的代码规范,所以想根据自己的所学整理一些内容。CSS样式的命名规范:(1)采用英文字母、数字、以及 "_" 和 "-" 命名;(2) 以小写字母开头,不能以数字、"_" 和 "-" 开头;(3) 命名形式:单字,连字符,下划线并遵守驼峰命名法;...原创 2019-09-19 10:29:03 · 205 阅读 · 0 评论