好文分享

css Bulma框架是一个开源、简单、现代的css框架，它基于flexbox模块，纯css没有js代码。Bulma框架的优点：1、为电脑、平板和手机提供响应式设计；2、纯css框架；3、代码优雅简洁。 Bulma是一个开源、简单、现代的CSS框架，它基于flexbox模块(用于开发响应式布局结构)…

前端网页布局小技巧： （视频教程推荐：css视频教程） 1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id…

css定义字体颜色的方法：可以利用color属性来自定义字体的颜色，如【color:red;color:#00ff00;color:rgb(0,0,255)】。合理的背景颜色与文本颜色搭配，可以提高文本的可读性。 本教程操作环境：windows10系统、css3，本文适用于所有品牌的电脑。 属性介绍…

css3中过渡和动画的区别是：过渡需要触发一个事件才会随着时间改变其CSS属性；动画在不需要触发任何事件的情况下，也可以随时间变化来改变元素CSS属性。 animation属性类似于transition，他们都是随着时间改变元素的属性值，其主要区别在于： （学习视频分享：css视频教程） trans…

css中无继承性的属性有：1、display；2、文本属性；3、盒子模型属性；4、背景属性；5、定位属性；6、生成内容属性；7、轮廓样式属性；8、页面样式属性；9、声音样式属性。 本教程操作环境：windows10系统、css3、Dell G3电脑。 无继承性的属性： 1、display：规定元素应…

css中vm是视口单位，是相对于视口的宽度或高度中较小的那个。与之类似的单位有vw、vh，它们分别代表视口的最大宽度和视口的最大高度。 vw：视口的最大宽度，1vw=视口宽度的百分之一； （学习视频分享：css视频教程） vh：视口得最大高度，1vh=视口高度的百分之一； vmin/vm：相对于视口…

区别：px表示像素，是相对长度单位，是相对于显示器屏幕分辨率来设置字体大小的，不支持IE的缩放；em是相对长度单位，是相对于其父元素来设置字体大小的，支持IE的缩放；rem是相对长度单位，是相对HTML根元素来设置字体大小的。 推荐教程：CSS视频教程 PX，EM和REM的定义 px表示像素，不会因…

选择器介绍： 1、“+”：如 div + p    选择紧接在 元素之后的所有 元素。 2、:checked ：如 input:checked 单选框和复选框的选中状态。 （学习视频分享：css视频教程） 立即学习“前端免费学习笔记（深入）”； 实现代码： .che-box { display:in…

css精灵技术是将很多的小图片合并到一张较大的图片里，所以在首次加载页面的时候，就不用加载过多的小图片，只需要加载出来将小图片合并起来的那一张大图片即可，这样可在一定程度上提高了页面的加载速度，缓解服务器的压力，节约服务器的流量。 推荐教程：CSS视频教程 css精灵图技术（sprite）是什么？ …

作用：在一个新CSS属性还未成为标准时，让浏览器提前支持。w3c制定标准是很慢的；而浏览器商市场推广时间紧，如果一个属性已经够成熟了，就会在浏览器中加入支持；而为避免日后w3c公布标准时有所变更，加入一个私有前缀，来提前支持新属性。 使用过CSS3属性的同学都知道，CSS3属性都需要带各浏览器的前缀…