业余自主开发中比较实用的一些CSS和JS

/ 0评 / 1

引入 Font Awesome



< link href="https://cdn.bootcss.com/font-awesome/5.11.2/css/all.min.css" rel="stylesheet">

< i class="fa fa-bars">< / i >


自定义


< i class="fa fa-ws">< / i >

.fa-ws:before {
content: "W";
}


CSS 边框阴影


box-shadow: 0 .1875rem .0625rem -.125rem rgba(0,0,0,.2),0 .125rem .125rem 0 rgba(0,0,0,.14),0 .0625rem .3125rem 0 rgba(0,0,0,.12)!important;


CSS 边框角度


border-radius: .3rem;


CSS div不拉大


box-sizing:border-box


引用jq和css



< link rel="stylesheet" href="xxx.css" / >
< script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js">< / script>
< script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js">< / script>
< script src="https://cdn.bootcss.com/layer/2.3/layer.js">< / script>
< script type='text/javascript' src='xxx.js' charset="UTF-8">< / script>
< meta http-equiv="Content-Type" content="text/html; charset=utf-8" / >
< meta name="viewport" content="width=device-width, initial-scale=1.0" > < ! -- 自适应缩小 -- >
< link rel="shortcut icon" href="http://www.yiyi.ga/image/cloudy708ed29a753151cefa399d0da6b8d724.jpg" >

发表评论

电子邮件地址不会被公开。 必填项已用*标注

微信小程序