``` /*全局華文細黑字體 */ body{font-family: roboto condensed,PingFang SC,Microsoft YaHei,微軟雅黑,STXihei,華文細黑,sans-serif;} @media only screen and (max-width: 800px){ .do-nav-mwp { height: 56px; } .do-slide-text h1 span,.do-slide-text h1 { font-size: 10px!important; } h5 { font-size: 10px!important; } .do-title .title{font-size:10px;} } .do-banner{z-index:1} ul { padding: 0; margin: 0; } p { margin:0; } .hm-no-arrow .swiper-button-white{display:none;} .hm-no-arrow .swiper-pagination{display:none;} .hm-no-a .do-element-buttons {} @media only screen and (min-width: 800px) { .hm-duan { max-width: 75%; margin: auto; }} ``` ``` .do-element-swiper .bgimg{width: 97%; margin: auto; bottom: 0; right: 0; } @media only screen and (max-width: 800px){ .do-nav-m ul li em{display:none;} .do-nav-m-bar ul li a{text-align:center;}} .do-logo img { max-width: none!important; max-height: 100%; } .do-area-bg-conter { left: 0; top: 0; right: 0; bottom: 0; } ``` ##### 去掉自帶返回頂部 `.do-gotop{display:none!important;}` JS ``` <script> $(".do-developers").remove();</script> <script> $(document).ready(function(){ $(".hm-no-a a").click(function(){ return false; }) }); </script> ``` ##### 偽類元素（添加小段文字、圖標） > content填充文本內容；可配合CSS定位 ``` 任何元素:after{content:""} 任何元素:before{content:""} ``` ##### 緩沖動畫(初始值、最終值需設置好) transition: all 0.3s; ###### 懸浮加入下劃線效果 ``` .xxx:hover{ text-decoration:underline;} ``` 白色導航點 ``` .swiper-pagination-bullet{ background:rgba(255, 255, 255, 0.7); } .swiper-pagination-bullet-active{ background:rgb(255, 255, 255);} ```