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

引入 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" >