前端开发2025年08月19日
作者：大漠 勘误：http://www.w3cplus.com/book-comment.html 2014年7月14日14:46:35 第一章 揭开CSS3的面纱 1.1 什么是CSS3 CSS2.1是单一的规范,而CSS3被划分成几个模块组,每个模块组都有自己的规范. 1.1.1 CSS3新特性 1.强大的CSS3选择器 2.抛弃图片的视觉效果 3.背...
前端开发2025年08月19日
实例预览 下载地址 实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <div class="main"> <ul class="tabs"> <li> <input type="radio" checke...
前端开发2025年08月18日
而在这所谓的样子当然就是改变其css的属性，而实现能动态的改变其属性值，必然只能是更换其class属性 这里有三种方法： 第一种：通过数据的双向绑定（不推荐） 第二种：通过对象数组 第三种：通过key/value 下面简单说下这三种： 第一种：通过数据的双向绑定 实现方式： 1 2 3 4 5 function changeClass(){ $scope....
前端开发2025年08月18日
CSS3 有3种和动画相关的属性：transform, transition, animation。其中 transform 描述了元素静态样式。而transition 和 animation 却都能实现动画效果。所以transform 常常配合后两者使用 一、transform 描述的是元素静态样式 transform属性应用于元素的2D或3D转换。这个...
前端开发2025年08月17日
.bg width 100% position fixed left 0 top 0 height 100vh z-index -1 background url('~@/assets/imgs/bg9.jpg') center no-repeat // 这个背景图片 background-size cover filter blur(4px) 打包生成后...
前端开发2025年08月17日
CSS 属性大全文字属性「字体族科」（font-family），设定时，需考虑浏览器中有无该字体。「字体大小」（font-size），注意度量单位。《绝对大小》|《相对大小》|《长度》|《百分比》(一般设置双数)「字体加粗」（font-weight），除了 normal（正常）、bold（粗体）、bolder（特粗）、lighter（细体）外，还有9种以像...
前端开发2025年08月17日
在Web开发中我们经常要碰到这样的问题：在为一个页面设置背景图片之后往往希望图片能够在分辨率比较大的情况下水平垂直都居中显示。通常水平居中显示在Css中是很容易做到的，而垂直居中就需要使用一些Css的技巧： 1. 首先为了能使得网站能够根据浏览器大小自适应，我们需要将页面的body元素height值设为100%，而在这之前，我们需要将xhtml验证从网站头...
前端开发2025年08月17日
以前欲做一个渐变的背景，一般都是用图片。一次偶然发现用CSS Filter 可以实现相同的效果，而最重要的好处是它可以省去你去下载图片所使用时间。 <html><head><meta http-equiv="Content-Type" content="text/html; charset=shift_jis"><...
前端开发2025年08月17日
移动端字体使用： font-family: Helvetica,sans-serif;我看这也是天猫使用的 透过背景看其他元素模糊，自身元素不模糊： -webkit-backdrop-filter:saturate(180%) blur(20px);background: rgba(0,0,0,0.5); backdrop-filter:blur(px);...
前端开发2025年08月16日
1.安装nodejs http://nodejs.org/ 2.安装各自的node package js我用的是UglifyJS github地址：https://github.com/mishoo/UglifyJS css我用的是clean-css github地址：https://github.com/GoalSmashers/clean-css 图片...