網站建設
                                                       
                                                          訪問新版
                                                      用戶ID/郵箱: 密 碼:
                                                      網站建設資訊 News 您目前的位置:網站建設 >> 網站建設資訊 >> 網頁設計 >> 注釋書寫規范  

                                                      注釋書寫規范

                                                      1、行間注釋:

                                                      直接寫于屬性值后面,如:

                                                      .search{
                                                          border:1px solid #fff;/*定義搜索輸入框邊框*/
                                                          background:url(../images/icon.gif) no-report #333;/*定義搜索框的背景*/
                                                      }

                                                      2、整段注釋:

                                                      分別在開始及結束地方加入注釋,如:

                                                      /*=====搜索條=====*/
                                                      .search {
                                                          border:1px solid #fff;
                                                          background:url(../images/icon.gif) no-repeat #333;
                                                      }
                                                      /*=====搜索條結束=====*/

                                                      三.樣式屬性代碼縮寫

                                                      1、不同類有相同屬性及屬性值的縮寫:

                                                      對于兩個不同的類,但是其中有部分相同甚至是全部相同的屬性及屬性值時,應對其加以合并縮寫,特別是當有多個不同的類而有相同的屬性及屬性值時,合并縮寫可以減少代碼量并易于控制。如:

                                                      #main-menu {
                                                          background:url(../images/bg.gif);
                                                          border:1px solid #333;
                                                          width:100%;
                                                          height:30px;
                                                          overflow:hidden;
                                                      }
                                                      #sub-menu {
                                                          background:url(../images/bg.gif);
                                                          border:1px solid #333;
                                                          width:100%;
                                                          height:20px;
                                                          overflow:hidden;
                                                      }

                                                      兩個不同類的屬性值有重復之處,剛可以縮寫為:

                                                      #main-menu,#sub-menu {
                                                          background:url(../images/bg.gif);
                                                          border:1px solid #333;
                                                          width:100%;
                                                          overflow:hidden;
                                                      }
                                                      #main-menu {height:30px;}
                                                      #sub-menu {height:20px;}

                                                      2、同一屬性的縮寫:

                                                      同一屬性根據它的屬性值也可以進行簡寫,如:

                                                      .search {
                                                          background-color:#333;
                                                          background-image:url(../images/icon.gif);
                                                          background-repeat: no-repeat;
                                                          background-position:50% 50%;
                                                      }
                                                      .search {
                                                          background:#333 url(../images/icon.gif) no-repeat 50% 50%;
                                                      }

                                                      3、內外側邊框的縮寫:

                                                      在 CSS 中關于內外側邊框的距離是按照上、右、下、左的順序來排列的,當這四個屬性值不同時也可直接縮寫,如:

                                                      .btn {
                                                          margin-top:10px;
                                                          margin-right:8px;
                                                          margin-bottom:12px;
                                                          margin-left:5px;
                                                          padding-top:10px;
                                                          padding-right:8px;
                                                          padding-bottom:12px;
                                                          padding-left:8px;
                                                      }

                                                      則可縮寫為:

                                                      .btn {
                                                      Margin:10px 8px 12px 5px;
                                                      Padding:10px 8px 12px 5px;
                                                      }

                                                      而如果當上邊與下邊、左邊與右邊的邊框屬性值相同時,則屬性值可以直接縮寫為兩個,如:

                                                      .btn {
                                                          margin-top:10px;
                                                          margin-right:5px;
                                                          margin-bottom:10px;
                                                          margin-left:5px;
                                                      }

                                                      縮寫為:

                                                      .btn {margin:10px 5px;}

                                                      而當上下左右四個邊框的屬性值都相同時,則可以直接縮寫成一個,如:

                                                      .btn {
                                                          margin-top:10px;
                                                          margin-right:10px;
                                                          margin-bottom:10px;
                                                          margin-left:10px;
                                                      }

                                                      縮寫為:

                                                      .btn{margin:10px;}

                                                      4、顏色值的縮寫:

                                                      當RGB三個顏色值數值相同時,可縮寫顏色值代碼。如:

                                                      .menu { color:#ff3333;}

                                                      可縮寫為:

                                                      .menu {color:#f33;}



                                                      上一條: DIV如何讓文本垂直居中
                                                      下一條: 4種方式網頁添加CSS樣式表
                                                      網站建設套餐
                                                      網站優化(網站推廣)
                                                      域名注冊
                                                      虛擬主機
                                                      企業郵局
                                                      相關資訊 Other News
                                                      首頁關于我們業務范圍新聞資訊成功案例客服中心聯系我們網站建設網站優化付款帳戶
                                                      COPYRIGHT(C) 2005-2019 亞網互聯·中國 版權所有 ALL RIGHTS RESERVED (粵ICP備15005241號)
                                                      深圳網站建設公司地址:深圳市寶安區龍華民治大道東明大廈15樓 1529-1531 室   E-Mail:[email protected]
                                                      公司電話:0755-89812581(8線)  
                                                      深圳市亞網科技有限公司 深圳網站建設常年法律顧問:朱運德律師
                                                      四川金7乐18061809期

                                                                                                                                                              速彩骗局揭秘 新时时综合走势图 上海时时走势图经网 pc蛋蛋最新版下载 湖北十一选5推号 单机赖子麻将 黑龙江22选5基本走势图表 时时免费软件 大乐走势图带连线图表 北京快三开奖视频直播 体彩31选7走势浙江风采网 百家乐赌经 深圳福彩21选一 体彩11选五中奖助手 天福腾讯分分彩全天计划 快乐十分走势图怎么看