前段时间在面试的时候,被问到原子类CSS,鉴于自己这个老前端已经几年没有关注前端最新的技术了,对于“原子类”这一名词有些困扰。
事后一查,这不就是“bootst...
css
本站主题切换功能:CSS变量,让JS与CSS互通有无
CSS变量简介
CSS变量的定义及使用如下,可定义的类型非常广泛。
/* 声明 */
--VAR_NAME: <声明值>;
/* 使用 */
var(--VAR_NAME)
/* 根元素选择器(全...
img元素srcset属性含义及作用
HTML img元素中有一个很少用的 srcset 属性,用于浏览器根据宽、高和像素密度来加载相应的图片资源。
属性格式:图片地址 宽度描述w 像素密度描述x,多个资源...
网站动态换肤
各位如果为自己的网站动态的换肤是怎么操作的?
一般动态更新<style>标签内的样式字符串,使用CSS变量实现全局控制。<style>标签中只传入变量,...
CSS常见技巧汇总
这里总结一些css常用的样式段以备不时之需。
如何优化CSS阻塞
默认情况下,CSS 被视为阻塞渲染的资源,这意味着浏览器将不会渲染任何已处理的内容,直至 CSSOM 构建完毕。所以要精简 CSS,尽快提供它,并利用媒体类型和查...
CSS重点知识总结—flex布局
1.理解flex
Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。可以随着页面大小的改变自适应页面布局。
块级元素 .box{ displ...
纯CSS+HTML制作饼图和条形图
使用html+css制作的图案或图形化内容响应速度最快,如下贴出我在开发过程中使用CSS+HTML制作的饼图和条形图,有需要的可以拿去。
html、js、css渲染顺序
浏览器通过http或者本地文件收到http响应数据报文后,根据主体中content-type字段值,判断是否为html文档。为html文档时,新建渲染进程,网络进程和渲染进程...
前端重点知识总结—CSS3
1.CSS3有哪些新属性,举例
边框属性:border-radius、box-shadow
背景属性:background-size、background-origin
2D、3D转换:transform
动画属性:animatio...
CSS clip:rect 矩形剪裁功能,截取图片某一块
最近我在制作一款主题的时候,在自适应css设计中,为了调整图片大小,又不愿意改变图片比例的情况下,用到了CSS剪裁功能。
说实话,这个功能在国内运用的比较...
前端重点知识总结—CSS基础
1.什么是盒子模型?
在网页中,一个元素所占空间类似于一个盒子,包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin...
分享经常用到的公用CSS,让网页兼容各大浏览器
分享经常用到的公用css,让网页兼容各大浏览器,这样每写一个网页直接引用就可以了,这样省事的代码,还有神马理由不收藏呢?
/*———-通用———-*/
ul,ol,li,p,h...
css样式大全(整理版)
字体属性:(font)
大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD
样式 {font-style: oblique;}(偏斜体...
