通过CSS选择器找到元素，就要使用CSS属性给找到的元素设置样式。尽管现在的浏览器已经支持了众多的CSS3属性，但作为初学者，最应该关注的就是一些“主流”的属性，如border-radius、box-shadow、transform等。它们有良好的文档、极佳的测试效果并且经常用到，将成为你设计网站的得力助手。学习CSS3的属性就要先从主流的属性开始，其他属性 …
border-radius属性
一、问题描述FineReport能不能设置单选按钮组控件每个选项的颜色，而且每个颜色都不一样，这样使选项看起来更加美观，而且有层次感。最终效果如下：二、解决思路FineReport内置的单选按钮组控件并没有提供可以设置选项颜色的地方，因此，要改变颜色，就需要使用代码来修改。针对这个问题，可以有以下两种思路：一是直接通过js初始化后事件，修改对应的对应选项的c …
圆角边框：在CSS3中，新增了圆角边框样式，这样我们的盒子就可以变圆角了border-radius属性用于设置元素的外边框圆角。语法：border-radius: length;盒子阴影：CSS3中新增了盒子阴影，我们可以使用box-shadow属性为盒子添加阴影。语法：box-shadow: h-shadow v-shadow blur spread co …
在实际开发中，按钮的应用是必不可少。使用 CSS 来制作按钮，可以更有新意，更有趣，也可以自定义自己想要的样式。一、平面样式CSS按钮平面样式按钮的使用现在非常流行，并且符合无处不在的平面设计趋势。，这些的平面样式按钮效果很好看。以下代码是按钮处于正常的情况下的状态。例：.button {background-color: #4CAF50; * Green …
许多入门学前端的同学，或是准备面试的同学都会去死记硬背一些前端知识点，笔者也是这么经历过来的，但却不推荐这种囫囵吞枣、不求甚解的学习方式，因为这样会走很多弯路，属于“应试”学习，我们更应该的是从基础到复杂，从表象到原理的角度却思考学习，才能熟练掌握技能。整理了一些在CSS（层叠样式表）中的知识点，或许你曾看过一些什么“万字总结”、“面试必看”，但还是希望更多 …
如何使用border-radius属性下面是border-radius属性最基本的使用方法。123456.round { border-radius: 5px; * 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 * -moz-border-radius: 5px; * Mozilla浏览器的私有属性 * -webkit-border-radius …
什么是CSS？CSS是一种表现HTML或XML等文件样式的计算机语言，可以静态修饰网页和脚本语言动态地对网页各元素进行格式化，还能够对网页中元素位置的排版进行像素级精确控制，具有丰富的样式定义、易于使用和修改、多页面应用、层叠、页面压缩等特点。什么是CSS3？CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了 …
CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。1. box-shadow属性的浏览器兼容性先来看一个这个属性的浏览器兼容性：Opera:：不知道是从哪个版本开始支持的。Firefox：通过私有属性-moz-box-shadow支持。Safari和Chrome：通过私有属性-webkit-box-shadow支持 …
高效的CSS写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单，在色彩值用16进制的时候，如果每种颜色的值相同，就可以写成一个：color：#113366可以简写为color：#136所有用到16进制色彩值的地方都可以使用简写 …
相信大家也会浏览招聘网站的招聘要求，基本上每一家的找前端的要求都包含必须要精通CSS3。这次和大家来讲一下css3,在前端编程中，html，css，js分别被称之为前端编程中的骨，肉，魂。html搭建前端页面的结构，就像是人的骨骼一般，支撑整个页面。css控制前端页面显示的效果和布局，就像是人的血肉一般，使得整个页面更加生动，灵活。js控制前端页面的业务逻辑 …