首先最終實現的圖如下:
html**如下:
pricing
contact
css**如下:
總結在學習過程中遇到的問題:
1、首先應該的設定body的字型,背景等一些全域性樣式。
2、在最外層的父容器div.container中設定樣式居中,直接利用margin:40px auto來實現。
3、在父元素ul中設定display:inline-block;
4、為了使li元素水平排列,在li元素中設定想左浮動:float:left.
5、如何讓li元素的子元素ul排在li元素的下面呢?
關鍵是:
position:absolute;
top:100%;
left:0%;
6、為了給li後面新增乙個標籤,利用:after偽元素實現:
li.has-submenu:after
導航條選單製作總結
整理自慕課網 製作垂直導航條時若不想增加導航塊的長度可用text indent 20px 進行縮排 導航條選單製作總結 1 用無序列表構建選單 ul li 2 垂直選單轉變為水平選單 float left 3 在製作圓角選單時,背景貼在標籤上 雪碧圖的應用 background position 4...
IDA的導航條
ida是乙個功能非常強大的反彙編工具,工具提供的工具也很多。只有在多多使用之後才會發現它的精細之處.導航條 也許你之前一直忽視它的存在,有一天你會發現稱它的 導航 並非浪得虛名 藍色 text section 深藍 使用者自己寫的函式編譯後的 區 淺藍 編譯器自己新增的函式,像啟動函式,異常函式等 ...
網頁導航條定位
menu.active.menu scroll.hide menu scroll.menu scroll ul.menu scroll ul liaa.view.article div class menu div class menu scroll ul class hide menu scrol...