reset.css

最新推荐文章于 2024-09-20 19:48:28 发布
最新推荐文章于 2024-09-20 19:48:28 发布
阅读量160 收藏 1
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dongsdh/article/details/102967488
版权 
body{  
    line-height:1.4;  
    color:#333;  
    font-family:arial;  
    font-size: 12px;  
}  
input,textarea,select{  
    font-size:100%;      
    font-family:inherit;  
}  
body,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,table,tr,th,td,p,
input,dl,dt,dd,ul,ol,li,input,textarea { font-family:"Microsoft YaHei";}
select::-ms-expand { display: none; } 
select{
	-moz-appearance:none;
	-ms-appearance:none;
	 -webkit-appearance:none;
	     background: url(../img/map/selbgs.png)no-repeat right;
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{  
    margin:0;  
}  
h4,h5,h6{  
    font-size:1em;  
}  
ul,ol{  
    padding-left:0;   
    list-style-type:none;  
}  
img{border:0;}  
a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}
i{font-style: normal;}
b{font-weight: normal;}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

			/*左侧导航公用*/
			/* 以上实际使用若已初始化可删除 */
			
			#navn>div {
				display: inline-block;
				vertical-align: top;
			}
			/* nav */
			
			.nav-top {
				border-bottom: 1px solid rgba(255, 255, 255, .1);
			}
			
			.nav-top .nav-toptxt {
				border-bottom: 1px solid rgba(255, 255, 255, .1);
				color: #fff;
				font-size: 30px;
				width: 60px;
				text-align: center;
				cursor: pointer;
			}
			
			.nav {
				width: 220px;
				height: 100%;
				background: #144B85;
				transition: all .3s;
				overflow: auto;
				padding-top: 50px;
    			box-sizing: border-box;
			}
			
			.nav a {
				display: block;
				overflow: hidden;
				padding-left: 20px;
				line-height: 46px;
				max-height: 46px;
				color: #fff;
				transition: all .3s;
			}
			
			.nav a span {
				margin-left: 30px;
			}
			
			.nav-item {
				position: relative;
			}
			
			.nav-item.nav-show {
				border-bottom: none;
			}
			
			.nav-item ul {
				display: none;
				background: rgba(0, 0, 0, .1);
			}
			
			.nav-item.nav-show ul {
				display: block;
			}
			
			.nav-item>a:before {
				content: "";
				position: absolute;
				left: 0px;
				width: 2px;
				height: 46px;
				background: #34A0CE;
				opacity: 0;
				transition: all .3s;
			}
			
			.nav .nav-icon {
				font-size: 20px;
				position: absolute;
				margin-left: -1px;
				top: 14px;
			}
			/* 此处修改导航图标 可自定义iconfont 替换*/
			
			.icon_1::after {
				content: "";
				display: block;
				width: 20px;
				height: 20px;
				/*background: url(../img/mena0.png)no-repeat;*/
			}
			
			.nav-item:nth-child(1) .icon_1::after {
				    background: url(../img/mena1.png)no-repeat;
				background-size: 100% 100%;
			}
			
			.nav-item:nth-child(2) .icon_1::after {
				background: url(../img/mena2.png)no-repeat;
				background-size: 100% 100%;
			}
			
			.nav-item:nth-child(3) .icon_1::after {
				background: url(../img/mena3.png)no-repeat;
				background-size: 100% 100%;
			}
			.nav-item:nth-child(4) .icon_1::after {
				background: url(../img/mena4.png)no-repeat;
				background-size: 100% 100%;
			}
			.nav-item:nth-child(5) .icon_1::after {
				background: url(../img/mena5.png)no-repeat;
				background-size: 100% 100%;
			}
			.nav-item:nth-child(6) .icon_1::after {
				background: url(../img/mena6.png)no-repeat;
				background-size: 100% 100%;
			}
			/*.nav-item:nth-child(2) .icon_1::after{background: url(men1.png)no-repeat;}*/
			/*.icon_2::after{content: "\e669";}*/
			/*.icon_3::after{content: "\e61d";}*/
			/*---------------------*/
			
			.nav-more {
				float: right;
				margin-right: 20px;
				font-size: 12px;
				transition: transform .3s;
			}
			/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
			
			.nav-more::after {
				content: ">";
				color: #fff;
				font-style: normal;
				font-family: SimSun;
			}
			/*---------------------*/
			
			.nav-show .nav-more {
				transform: rotate(90deg);
			}
			
			.nav-show,
			.nav-item>a:hover {
				color: #2AF8CB;
			}
			
			.nav-show>a:before,
			.nav-item>a:hover:before {
				opacity: 1;
			}
			
			.nav-item li:hover a {
				color: #FFF;
				background: #3399FF;
			}
			/* nav-mini */
			
			.nav-mini.nav {
				width: 60px;
			}
			
			.nav-mini.nav .nav-icon {
				/* margin-left:-2px; */
			}
			
			.nav-mini.nav .nav-item>a span {
				display: none;
			}
			
			.nav-mini.nav .nav-more {
				margin-right: -20px;
			}
			
			.nav-mini.nav .nav-item ul {
				position: absolute;
				top: 0px;
				left: 60px;
				width: 180px;
				z-index: 99;
				background: #144B76;
				overflow: hidden;
			}
			
			.nav-mini.nav .nav-item:hover {
				background: rgba(255, 255, 255, .1);
			}
			
			.nav-mini.nav .nav-item:hover .nav-item a {
				color: #FFF;
			}
			
			.nav-mini.nav .nav-item:hover a:before {
				opacity: 1;
			}
			
			.nav-mini.nav .nav-item:hover ul {
				display: block;
			}
			
			li.act {
				background: #3399FF;
			}
			/************************/







		/*分页公用*/
		.pages{text-align: right;}
		.page_div {
				padding-top: 3px;
				font-size: 15px;
				background-color: white;
				font-family: "microsoft yahei";
				color: #666666;
				/*margin-right: 10px;*/
				padding-left: 20px;
				box-sizing: border-box;
			}
			/*
			 * 页数按钮样式
			 */
			
			.page_div a {
				min-width: 22px;
    height: 22px;
    text-align: center;
    margin: 0 4px;
    cursor: pointer;
    line-height: 24px;
    border-radius: 4px;
    font-size: 13px;
    display: inline-block;
    color: #061A48;
			}
			
			.page_div a:hover{
				background-color: #1A6CDC;
				color: #fff;
			}
			.page_div b{
				/*color: #fff;*/
			}
			#firstPage,
			#lastPage {
				width: 50px;
				/*color: #0073A9;*/
				/*border: 1px solid #0073A9!important;*/
			}
			.page_div .pagegotos{
				width: 30px;
			    vertical-align: middle;
			    margin: 0 4px;
			    height: 20px;
			    line-height: 20px;
			    padding-left: 3px;
			    outline: none;
			    border-radius: 3px;
    			border: 1px solid #ddd;
			}
			.page_div .pagegotucur{
				font-weight: normal;
    cursor: pointer;
    background: #1A64FF;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 3px;
			}
			#prePage,
			#nextPage {
				vertical-align: middle;
			}
			#prePage{background: url(../img/ywrmb/pagel.png)no-repeat center;}
			#nextPage{background: url(../img/ywrmb/pager.png)no-repeat center;}
			
			.page_div .current {
				   background-color: #1A6CDC;
				    border-color: #0073A9;
				    color: #FFFFFF;
			}
			
			.totalPages {
				margin: 0 10px;
			}
			
			.totalPages span,
			.totalSize span {
				color: #0073A9;
				margin: 0 5px;
			}
			/**********************/
			
/*
 * 
 * 弹框
 * 
 * */
.shade{
	position: fixed;
	top: 0;left: 0;right: 0;bottom: 0;
	background: rgba(0,0,0,.2);
	    z-index: 7;
	display: none;
}
.shadecon{
	display: none;
	position: fixed;
    z-index: 50;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 4px;
    /*overflow: hidden;*/
    min-width: 524px;
    min-height: 220px;
    /*background: #05315E url(../img/ywind/itemborderbg.png)no-repeat;*/
   background-color: white;
    background-size: 100% 100%;
}
.s-title{
	position: relative;
    text-align: center;
    line-height: 37px;
    font-size: 18px;
    /*border-bottom: 1px solid #ddd;*/
}
.s-title i{
	    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/wh/x.png)no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
}
.s-center{padding: 10px 20px 20px;}
.sformbox{}
.sformbox p,.sformbox .ftr{margin-top: 15px;}
.sformbox p>span,.sformbox .ftr>span{
	width: 102px;
    display: inline-block;
    text-align: right;
    font-size: 14px;
    vertical-align: top;
    margin-top: 5px;
    padding-right: 10px;
}
.sformbox p input[type=text],.sformbox .ftr input[type=text]{
    outline: none;
    width: 277px;
    line-height: 30px;
    border: 1px solid #ddd;
    padding-left: 8px;
    border-radius: 4px;
    }
.sformbox p textarea,.sformbox .ftr textarea{
	resize: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 288px;
    line-height: 22px;
    padding: 10px;
    box-sizing: border-box;
    height: 100px;
}
.treeboxx{
	display: inline-block;
    max-height: 114px;
    width: 284px;
    overflow: auto;
}


.scenter>p{
	text-align: center;
    margin-top: 28px;
}
.scenter p select, .scenter .ftr select{
	height: 30px;
	    border: 1px solid #ddd;
	    border-radius: 4px;
	    width: 290px;
	
}
.scenter p lable,.scenter .ftr lable{
    line-height: 32px;
    margin-left: 11px;
}
.scenter p lable input,.scenter .ftr lable input{
	vertical-align: middle;
    margin-right: 3px;
}
.formfootbtn{text-align: right;
    margin-top: 10px;}
.formfootbtn i{
	display: inline-block;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    line-height: 24px;
    width: 62px;
    letter-spacing: 4px;
    cursor: pointer;
    border: 1px solid #147AF8;
    margin-right: 9px;
    margin-left: 5px;
    background: #0562C2;
    
}
.formfootbtn i:hover{opacity: .8;}




.citybox .table ,.tablescl{
	height: calc(100% - 28px);
	background-color: white;
	    /*padding: 20px 10px 0px 10px;*/
    /*border: 1px solid #b4cdff;*/
	overflow: auto;
}
			.table {
				width: 100%;
			}
			.table .tr {
				line-height: 31px;
			}
			.table .thead .tr {
				background: #f2f2f7;
				border-bottom: 1px solid #b4cdff;
			}
			.table .tbody .tr {
				    background: #FBFBFD;
				    border-bottom: 1px solid #b4cdff;
				    /*cursor: pointer;*/
			}
			.table .tbody .tr:hover {
				/*background: rgba(0, 0, 0, .5);*/
			}
			.table p {
				display: inline-block;
				vertical-align: middle;
				/*color: #061A48;*/
				height: 22px;
				text-align: center;
				line-height: 22px;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
				box-sizing: border-box;
			}
			.table>p:last-child {
				border: 0;
			}
			
			.batablebox::-webkit-scrollbar,
			.tablebigbox::-webkit-scrollbar,
			.table::-webkit-scrollbar {/*滚动条整体样式*/
			        width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
			        height: 6px;
			    }
			.batablebox::-webkit-scrollbar-thumb,
			.tablebigbox::-webkit-scrollbar-thumb,
			.table::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
			        border-radius: 10px;
			         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
			        background: #84A6FA;
			    }
			.batablebox::-webkit-scrollbar-track,
			.tablebigbox::-webkit-scrollbar-track,
			.table::-webkit-scrollbar-track {/*滚动条里面轨道*/
			        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
			        border-radius: 10px;
			        background: #DFE4F2;
			    }
			
			
			
			
			
			.pap{color: #fff;
			/*导出*/
				position: relative;
			}
			.todowns{
				position: absolute;
				top: 3px;
    			left: 3px;
				display: inline-block;
			    padding-left: 20px;
			    margin-right: 10px;
			    cursor: pointer;
			    color: #000;
			    background: url(../img/ywrmb/isx.png)no-repeat 1px;
			}

.mapserchbox input::-webkit-input-placeholder {
	color: #fff;
}
.ddd{
	display: inline-block;
    padding: 0 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}
.cur{
	cursor: pointer;
}
.itembgshow{
	/*background: url(../img/ywind/itemborderbg.png)no-repeat;*/
    /*background-size: 100% 100%;*/
}
/*.tableposi{
	position: relative;
}
.tableposi .talbepos{
	position: absolute;
	top:0;
	left: 0;
	background: red;
}*/
.show404{
	line-height: 30px;
	text-align: center;
}
.barbox{
				position: relative;
				height: 24px;
			    margin-left: 3px;
			}
			.barbox p{
				position: absolute;
				top: 0;
				left: 0;
				display: inline-block;
				border: 1px solid #B5B8D9;
				width: 65px;
				transform:  perspective(.8em) rotateX(4deg);
				border-bottom: 0;
				padding: 0px 10px;
				text-align: center;
				background: #fff;
				cursor: pointer;
				line-height: 24px;
			}
			.barbox p.act{
				border-color: #1D64FC;
				color: #0000FF;
				z-index: 20 !important;
			}
.w14{width: 14px;}
.w16{width: 16px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w85{width: 85px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w110{width: 110px;}
.w120{width: 120px;}
.w130{width: 130px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w190{width: 190px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w220{width: 220px;}
.w240{width: 240px;}
.w250{width: 250px;}
.w260{width: 260px;}
.w270{width: 270px;}
.w280{width: 280px;}
.w290{width: 290px;}
.w300{width: 300px;}
.w385{width: 385px;}
.w386{width: 386px;}

.input-group{
	margin-top: 10px;
}
.input-group span{
	display: inline-block;
	width: 80px;
	text-align: right;
}
.input-group input{
	line-height: 24px;
    padding-left: 8px;
    margin-left: 8px;
}
.novalue{
	background: transparent;
	border: 0 !important;
}
.sd .layui-layer-title{
	background: #2785DF;
    color: #fff;
    font-size: 20px;
}
.sd .layui-layer-ico{
	background:url(../img/ywind/off.png) no-repeat;
	background-size: 164% 164%;
} 
.sd .layui-layer-setwin .layui-layer-close1{
	background-position: -5px -3px;
}

.bas .layui-layer-btn0{
	border-color: #1E9FFF;
    background-color: #1785FF;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.bas .layui-layer-title{
	background: #1785FF;
    color: #fff;
    padding-left: 10px;
    font-size: 16px;
}
.bas .layui-layer-ico{
	background:url(../img/ywind/off.png) no-repeat;
	background-size: 164% 164%;
}
.bas .layui-layer-setwin .layui-layer-close1{
	background-position: -5px -3px;
}
/*.sd .layui-layer-btn{*/
	/*text-align: center;*/
/*}*/
/*.sd .layui-layer-btn .layui-layer-btn0{*/
	/*background: #4AAFD9;*/
/*}*/
/*.sdexamine .layui-layer-btn .layui-layer-btn0{*/
	/*background: #BCBCBC;*/
	/*border: 0;*/
/*}*/
/*.sdexamine .layui-layer-btn .layui-layer-btn1{*/
	/*background: #4AAFD9;*/
/*}*/
/*.sd .layui-layer-btn a{*/
	/*background: #A1C240;
	color: #fff;
    width: 79px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    letter-spacing: 6px;
    text-align: center;*/
/*}*/
		/*菜单箭头整体*/
		.menus{  
        	/*margin: 20px;*/
        	font-size: 0;
            border-left:1px solid #1A65FF;
        }  
        .menus p{  
            display: inline-block; 
            height: 32px;  
            margin: 0 -15px 0 0;
            padding: 0 15px 0 0;
            background: url(../img/ywind/menus2.png) no-repeat right 0;  
            background-size: auto 100%;
            color: #1A65FF;  
            font-size: 12px;  
            line-height: 32px;  
            text-decoration: none;  
            box-sizing: border-box;
            
        }  
        .menus p span{  
               display: inline-block;
			    padding: 0 8px 0 20px;
			    border-top: 1px solid #1A65FF;
			    border-bottom: 1px solid #1A65FF;
			    height: 32px;
			    line-height: 32px;
			    box-sizing: border-box;
        }
        .menus p.home span{
        	padding-left: 10px;
        }  
        .menus p span i{
        	display: inline-block;
		    width: 20px;
		    height: 20px;
		    line-height: 20px;
		    background: #fff;
		    border-radius: 50%;
		    text-align: center;
        }
        .menus p span b{
        }
        .menus p.act{
        	background: url(../img/ywind/menus1.png) no-repeat 100% 0;  
        	background-size: auto 100%;
            color: #fff;  
        }
         .menus p.act span{
         	background: #1A65FF url(../img/ywind/menus2.png) no-repeat left 0;
    		background-size: auto 100%;
         }
          .menus p.act b{
          	color: #fff;
          	margin-left:4px;
          }
         .menus p.act span i{
         	color:#1A65FF;
         }
          .menus p.act2 span{
          	background: #1A65FF;  
          }
          
.dripco{ color: #1D64FA; }//下钻统一颜色

 

dongsdh
关注
专栏目录
CSS中常用的 reset.css文件
05-05
因此，在使用`reset.css`时，最好结合`normalize.css`或现代的CSS重置方法，如`Eric Meyer Reset`或`sanitize.css`，它们不仅重置样式，还会保留一些有助于无障碍浏览和语义化的默认样式。 在实际项目中，可以将`...
重置样式表reset.css和用于移动端适配的flexible.js
09-07
这正是"重置样式表reset.css"的作用所在。reset.css 文件的主要目标是消除浏览器之间的样式差异，使得开发者可以更加自由地定义元素的样式，避免受到默认样式的干扰。在重置样式表中，通常会包含对所有常见HTML元素...
精简版reset.css
幸福有多远
04-08 2941
前言：总结前辈的经验，写最精简实用的东西。相比于以前的reset重置，省去了太多东西有一些reset感觉还是少了一下，也许大神的想法和我们的不一样。我其实想站在别人的肩膀看得更远。比如1）a标签默认有下划线，这里是没有进行取消下划线的重置。比如2）input type=number时，框中还是有上下箭头按钮。比如3）。。。总结：按需求添加重置。也许需求不会有上面两种情况呢，对吧body{ ...
reset.css的作用以及如何使用reset.css
qq_63447955的博客
09-10 1059
reset.css（或称为CSS重置样式表）的主要作用是提供一个统一的、干净的起点，用于消除不同浏览器之间的默认样式差异。由于不同的浏览器（如Chrome、Firefox、Safari、Edge等）对HTML元素的默认样式（如边距、填充、字体大小等）有不同的实现，这可能导致在不同浏览器中查看同一网页时出现布局或样式上的差异。通过使用reset.css，开发者可以确保所有元素在所有浏览器中都有相同的起点样式，从而更容易地实现跨浏览器的一致性。
reset.css 下载
最新发布
gitblog_06514的博客
09-20 381
reset.css 下载 reset.css下载 项目地址: https://gitcode.com/Resource-Bundle-Collection/53996 介绍...
css中常用的reset.css文件
xiaowei0016的博客
07-31 443
reset.css是一种常用的 CSS 文件，用于重置浏览器的默认样式，以确保不同浏览器之间的样式一致性。通过使用reset.css，开发者可以消除浏览器对 HTML 元素的默认样式，从而更好地控制页面的外观。以下是一个常见的reset.css​。
CSS常用的reset文件:reset.css
qq_42834220的博客
05-17 5万+
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a...
CSS-reset.css重置样式表 Normalize.css
alexwang的博客
08-10 904
CSS-reset.css重置样式表 Normalize.css
reset.css 代码
m0_52943868的博客
06-21 557
css的重置代码
reset.css干什么用的,reset.css是什么
weixin_33060757的博客
08-04 390
reset.css是什么一、总结一句话总结：The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.二、reset.css是什么官网介绍：CSS Tool...
CSS-reset.css重置样式表
weixin_45203607的博客
04-14 1万+
reset.css是什么 reset.css是重置浏览器标签的样式表，其作用就是重新定义标签样式，覆盖浏览器的CSS默认属性，也就是指把浏览器提供的默认样式覆盖掉。 在HTML标签在浏览器里有默认的样式，例如 p 标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻烦，影响开发
css重置样式表reset.css和normalize.css
weixin_45084986的博客
09-04 590
css重置样式表
编写适合所有项目的通用的reset.css
12-01
【通用reset.css的编写】 在Web开发中，创建一个适合所有项目的通用reset.css至关重要，因为浏览器之间存在默认样式差异，不进行重置可能导致布局和样式表现不一致。编写reset.css时，应该理解每一行代码的目的，...
reset.css引入以及1px边框问题的解决方法
09-22
在Web开发中，浏览器的默认样式差异经常给开发者带来困扰，为了解决这一问题，引入`reset.css`文件变得至关重要。`reset.css`是一种重置浏览器默认样式的手段，确保在各个浏览器上页面的呈现保持一致。本文将详细...
reset.css:正版Eric Meyer的Reset CSS捆绑为npm包
05-08
reset.css 正版捆绑为npm软件包。 安装 npm install reset.css --save 例子 当与使用时： @import 'reset.css' ; html { box-sizing : border-box; } * , * : before , * : after { box-sizing : inherit; } ...
动画css ---无限旋转
热门推荐
幸福有多远
08-11 5万+
前言： 读取数据后，需要根据状态显示对应的图片 如果是状态为运行中，图片对应的icon图片需要沿中心点旋转起来 .logo{ width:20px; height: 20px; background: red; -webkit-animation:haha1 .8s linear infinite; } @-webkit-key...
background-color实现渐变过渡
幸福有多远
04-08 3万+
css* { margin: 0; padding: 0; } .box { max-width: 400px; height: 200px; background: red linear-gradient(to right, rgba(0,255,0,0), rgba(0,255,0,.5)); background-size: 200%; transition: backgrou...
html引入阿里巴巴图标
幸福有多远
01-16 5865
前言：           用第三方图标库，我觉得比较方便的就是可以很方便的替换颜色，图标也是矢量的，不会拉伸失真            不用设计人员再单独做雪碧图或其他操作了 1，先搞点事情，在阿里巴巴矢量图标库网站首页，搜索自己想要的图标 https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2 2，搜索之后，...
css-背景图设置大小单位可以是百分比，或者px
幸福有多远
04-04 2449
前言：之前只用了background-size的百分比单位，用px单位不会失真，看项目具体情况了css .box { width: 300px; height: 300px; border: 1px solid #ddd; } .imgbox { width: 100%; height: 100...
个性化reset.css：WEB标准下的项目初始化
本文主要探讨了在Web开发中如何合理运用CSS Reset技术，特别是在项目初期建立统一和规范的样式基础。作者强调了直接使用现成reset.css可能导致后续开发中的各种意想不到的问题，因此提倡根据项目需求编写自己的reset...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值