温馨提示:一下css封装,建议按需使用,否则会造成很大的代码冗余,且很多样式会造成不符合预期的效果,建议合理使用 <a href="https://meyerweb.com/eric/tools/css/reset/">Reset.css</a> function.css /* 禁止选中文本 */            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-19 16:50:03
                            
                                301阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            多选框  在多选框中如果想默认选中时,可以加入 checked 属性,属性值也为 checked  在选择时,如果想要达到,点击文字也能选中的效果,要利用  label  标签,  要在选项标签的 id  和  label  之间建立联系     <input id="app" type="checkbox"/>    <labe            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-28 13:37:29
                            
                                341阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、CSS3圆角的优点
传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,而且还有其他多个优点:
  * 减少维护的工作量。图片文件的生成、更新、编写网页代码,这些工作都不再需要了。
  * 提高网页性能。由于不必再发出多余的HTTP请求,网页的载入速度将变快。
  * 增加视觉可靠性。某些情况下(网络拥堵、服务器出错、网速过慢等等            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2012-09-03 22:42:31
                            
                                616阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在PC版开发中由于IE原因,我们很少用到css3,但随着平板和智能手机进入我们的生活,以及现在越来越流行,在手机版和平板版开发中我们就可以大胆的使用了,下面我们探讨常用几个css3属性: 1.css3前缀使用介绍,我们直接看个例子:  
Java代码  
-webkit-transform:rotate(-3deg); // 给Chrome和Safari等webkit内核的浏览器使用               
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2014-11-13 12:48:00
                            
                                124阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            list-style-type:none;disc:实心圆cirle:空心圆none:不使用项目符号decimal:阿拉伯数字square:实心方块......用于            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-19 15:16:11
                            
                                59阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            css3 width: calc(50% - 10px) sass 1、奇偶行            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-04 15:51:20
                            
                                173阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            css3-4 css3边框样式 一、总结 一句话总结: 二、css3边框样式 1、相关知识 边框属性:1.border-width2.border-style3.border-color边框方位:1.border-left:1px solid #f00;2.border-top:1px solid            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-06-22 02:48:00
                            
                                149阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            $(“#id”).attr(“class”);//获取样式 
 $(“#id”).attr(“class”,className);//设置样式 
 $(“#id”).addClass(className);//追加样式 
 $(“#id”).removeClass(className);//移除样式 
 $(“#id”).toggleClass(anotherClass) //重复切换anothe            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-14 14:33:13
                            
                                31阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS3-边框border-radiusbox-shadowborder-image【1】box-shadowbox-shadow: 50px 50px 0 20px #ffb;图:解析:参数1:X轴,图中为30,因为50-20=30;
参数2:Y轴,图中为30,因为50-20=30;
参数3:模糊距离
参数4:阴影大小,默认可省略不写时为0。
参数4:颜色。复制代码【2】border-image            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-01-21 18:30:06
                            
                                296阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            #button1{
         width: 100px;
         height: 30px;
 
         
         font-size: 18px;
         font-family: 微软雅黑;
         letter-spacing: 8px;
         padding-left: 12px;
 
 } 添加基本的样式,设置大小为            
                
         
            
            
            
            移动Web界面样式-CSS3
CSS3
CSS2.1发布至今已经有7年的历史,在这7年里,互联网的发展已经发生了翻天覆地的变化。CSS2.1有时候难以满足快速提高性能、提升用户体验的Web应用的需求。CSS3标准的出现就是增强CSS2.1的功能,减少图片的使用次数以及解决HTML页面上的特殊效果。
在HTML5逐渐成为IT界最热门话题的同时,CSS3也开始慢慢地普及起来。目前,很多浏览器都开            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2012-05-23 16:16:22
                            
                                365阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            http://blog.koalite.com/bbg/            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-12-09 11:57:00
                            
                                151阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
             border: none;    color: white;    padding: 15px 32px;    text-align: center;    text-dec            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-01-31 14:46:21
                            
                                586阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言:主要是 table 表格框选功能实现功能如下:表格框选功能右键操作功能(删除、查看、编辑)分页功能表头分类筛选功能回显功能(显示默认选中数据)排序功能行禁用不可选功能不说废话,直接上代码,简单粗暴。。。1、组件/*
* @auhor : 开发部-前端组-李鑫超
* @property { tableData :  {Array} 表格数据  add v-1.0.0 }
* @property            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-18 08:45:50
                            
                                141阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            不得不爱过渡(CSS3)案例过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画:   是从一个状态 渐渐的过渡到另外一个状态帧动画:通过一帧一帧的画面按照固定顺序和速度播放。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2020-07-15 10:21:01
                            
                                2202阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            简介jquery里对多先框checkbox进行各种操作,如全选、全不选、反选、选取偶数项、选取奇数项、选取指定的值及读取选中项的值等各种操作的方法及在线实例演示。本文站长和大家总结一下jquery里对多选框checkbox的各种操作方法,包括全选,全不选,反选,选中指定的值和读取选中项的值等各种操作,大家可以先看下面的这个在线实例演示:下面是上面在线实例的截图:下面站长来给大家说说第一种操作的具体            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-24 13:46:25
                            
                                50阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            我们知道HTML默认的复选框样式十分简陋,而以图片代替复选框的美化方式会给页面表单的处理带来麻烦,那么本文将结合实例带您一起了解一下使用CSS3将复选框checkbox进行样式美化,并且带上超酷的滑动效果。 通常我们使用以下html结构,我们给复选框定义id#checkbox_a1,然后使用labe            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-03-18 23:46:00
                            
                                231阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。一、行内样式使用style属性引入CSS样式。示例:<h1 style="color:red;">style属性的应用</h1><p  style="font-size:14px;color:green;">直接在HTML标签中设置的样式</p>实际在写页面时不提倡使用,在测试的时            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-21 15:35:08
                            
                                50阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            CSS3过渡效果(CSS3)<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">\            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-20 10:05:50
                            
                                2155阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            #edit{position:absolute;width:300px;height:200px;border:2pxsolidred;left:50%;top:50%;margin-left:-150px;margin-top:-100px;-webkit-transition:all0.5se...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2012-07-25 14:24:00
                            
                                121阅读
                            
                                                                                    
                                2评论