CSS
-
css和scss、sass的关系
css和scss、sass的关系scss学习笔记1.css和scss、sass的关系？css样式是用来修饰网页页面结构的。要了解css和scss、sass的关系就要从预处理器开始说起。css预处理器是一种专门的语言，进行网页样式设计，之后再编译成正常的css文件，以供项目使用。使用css预处理器语言的好处：使css更加简洁、方便修改、可读性强、适应性强并且易于代码的维护。css和sass的关系：sass是由bu…
-
怎么用css设置滚动条
怎么用css设置滚动条写后台项目,侧边栏和内容主体部分单独有自己的滚动区域就是自己在自己的区域玩所以需要给侧边栏和内容主体添加自己的滚动条需要一个外层盒子,滚动条才能根据内容滚动<divclass=”scrollbox”>内容部分</div>//用的less写的<style>.scrollbox{height:100%;width:100%;overflow:auto;//滚动条整体部分&::-
-
小程序css 文字居中,小程序css设置垂直居中显示
小程序css 文字居中,小程序css设置垂直居中显示有2种方式设置一个容器的元素垂直居中：第1种.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);/*向左向上平移自身宽高的50%*/}第2种.container{position:fixed;height:100%;width:100%;display:flex;f…
-
CSS系列之圆角边框（CSS3）
CSS系列之圆角边框（CSS3）圆角边框（CSS3）
-
css滚动条样式
css滚动条样式css滚动条美化1、css::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5;}/*滚动条阴影~圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:
-
CSS怎么设置文字强制不换行？
CSS怎么设置文字强制不换行？css怎么设置文字强制不换行？本篇文章就给大家介绍css设置文字（特别是连续的数字和英文）强制不换行的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。下面我们通过简单的代码示例给大家介绍css设置文字的强制不换行，且超出部分隐藏的方法html代码：<div>
-
【罗盘时钟（星空版）—使用html,js,css编写。（附全部源代码+效果）】
【罗盘时钟（星空版）—使用html,js,css编写。（附全部源代码+效果）】效果换个背景：源代码index.html<!DOCTYPEhtml><htmllang=”en”><head><metacharset=”UTF-8″><title>CSDN-追梦者</title><linkrel=”stylesheet”href=”css/clock.css”></head><body><ulclass=”clock”id=”
-
空单元 | empty-cells (Miscellaneous Level 2) – CSS 中文开发手册 – Break易站
空单元 | empty-cells (Miscellaneous Level 2) – CSS 中文开发手册 – Break易站CSS中文开发手册空单元|empty-cells(MiscellaneousLevel2)-CSS中文开发手册empty-cells该empty-cellsCSS属性指定用户端应该如何渲染周围的边框和背景有没有可见的内容的单元格。此属性时才适用border-collapse的
-
完美的模板CSS
完美的模板CSSbody{ margin:0px; padding:0px;}.left{ background:#313541; width:20%; float:left; position:absolute; top:0px; bottom:0px;}.top{ width:80%
-
【CSS】css如何让滚动条不显示（CSS隐藏滚动条）
【CSS】css如何让滚动条不显示（CSS隐藏滚动条）css如何让滚动条不显示（CSS隐藏滚动条）
-
纯css3制作写轮眼开眼及进化过程
纯css3制作写轮眼开眼及进化过程今天是火影忍者（漫画）宣告完结的日子，也是我首发的第一个随笔。看过火影的朋友都知道，写轮眼是什么，这里就不多说了。以下就直接展示整个效果，上张图，先睹为快：眼下已经測试IE10、Firefox浏览器、Chrome浏览器、Opera浏览器、360浏览器（两种模式）兼容已通过。温馨提示：以上浏览器版本
-
css font-family常用的黑体宋体等字体中英文对照表
css font-family常用的黑体宋体等字体中英文对照表宋体 SimSun黑体 SimHei微软雅黑 MicrosoftYaHei微软正黑体 MicrosoftJhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB2312楷体_GB2312 KaiTi_GB2312
-
CSS几种常见的页面布局方式介绍
CSS几种常见的页面布局方式介绍问题：CSS几种常见的页面布局方式介绍？CSS常见的有以下7种，必须要掌握的是前3种:flex弹性盒子（弹性布局）；rem布局（一般都是flex+rem使用的比较多）；响应式布局（响应式布局的原理，和适配方案必修掌握）；固定布局/流式布局（百分比布局）/浮动布局/定位布局；Flexbox布局flex布局又称弹性盒子，简单代码量少，可以不用左右浮动了Flexbox布局在定义伸缩项目大小时伸缩容器会预留一些可用空间，让你可以调节伸缩项目的相对大小和位置。例如，你可以确保伸缩容器中的多余
-
CSS div缩放
CSS div缩放转载自https://www.cnblogs.com/cyjfighting/p/8260473.htmlname:"张三",value:"0"},{name:"李四",value:"1"}]va
-
cssK中的常用单词之相对，绝对
cssK中的常用单词之相对，绝对relative:相对的,比较的absolute:绝对的定义位置时能用到，e,g:position:relative
-
原生 JS+CSS 构建支持 3D 旋转的魔方
原生 JS+CSS 构建支持 3D 旋转的魔方背景简介本篇完全基于原生JS和CSS，不需要额外的开发框架或工具。但由于用到了ES6模块化语法，如果在浏览器中查看结果，需要添加相应的环境工具。这里是用的VSCODE里的LiveServer插件，如果用webpack等工具构建的话，也可以添加相应的插件。以下以二阶魔方为例
-
蛙蛙请教：关于ajax,xmlhttp跨域请求和HTC组件的CSS继承问题
蛙蛙请教：关于ajax,xmlhttp跨域请求和HTC组件的CSS继承问题蛙蛙请教：关于ajax,xmlhttp跨域请求和HTC组件的CSS继承问题关键字：AJAX,XMLHttp,跨域请求，HTC，CSS继承我想把我的网站做成符合web2.0站点，为了方便聚合其它网站的信息，我写了一个htc组件，帖子地址如下：http://www.cnblogs.com/onlyti
-
css常用鼠标指针形状代码
css常用鼠标指针形状代码默认default文字/编辑text自动auto手形pointer,hand(hand是IE专有)可移动对象move不允许not-allowed无法释放no-drop等待/沙漏wait帮助help十字准星crosshair向上改变大小(North)n-re
-
前端性能优化-CSS性能优化
前端性能优化-CSS性能优化一、内联首屏关键CSS二、异步加载CSS异步加载的几种方式1.js动态创建样式表link元素，并插入到DOM中。2.设置media属性3.设置rel属性4.rel=”preload”三、文件压缩四、去除无用CSS五、有选择地使用选择器六、减少使用昂贵的属性七、优化重排与重绘1.减少重排2.避免不必要的重绘八、让元素及其内容尽可能独立于文档树的其余部分九、避免使用@import十、开启GPU渲染动画十一、合并css文件
-
thymeleaf的CSS加载失败问题
thymeleaf的CSS加载失败问题thymeleaf的CSS加载失败问题解决方法：页面渲染后，css，js,图片等文件加载失败，解决方法，继承WebMvcConfigurationSupport，对访问路径进程处理。@ConfigurationpublicclassUsingStaticConfigurationext
