2. 程式人生 > >HTML+CSS簡單例項（一）

HTML+CSS簡單例項（一）

阿新 • • 發佈：2018-12-23
/*重置，也就是清理不乾淨的標籤*/ *{ font-size:12px; font-family:"宋體"; color:#444;margin:0 auto;}/*是共用的意思*/ body{ margin:0; background:#161616;} a{ text-decoration:none; display:block; color:#FFF;} img{ border:none; display:block} ul li{list-style:none; margin:0; padding:0;} input{ border:none;} /**/ .headed{width:952px;height
:140px;} /*這個是塊的整體高*/ .top{height:87px;overflow:hidden;} /*這個top是指LOGO和top_nav,overflow是溢位的意思，這個就是子級溢位後父級的如何控制溢位部分？注：要把overflow加給父級*/ .top_nav{width:726px;height:87px;float:right;}/*這個是相對測評中心，視訊直播等，相對logo就要向右浮動*/ .logo{float:left;}/*logo相對就要向左浮動*/ .top_right{width:726px; float:right; margin-left
:7px; } .top_right a{float:right; width:92px; height:22px; color:#FFF; padding-top:10px; } .top_right img{float:left; padding-left:18px;} .top_right span{ color:#FFF; float:right; width:52
px; margin-top:4px;} .top_right .man{ color:#f88c00;} .top_right span:hover{ color:#F93;} .login{float:right;height:55px; padding-top:20px;width:726px;} .login a{float:right; margin-left:5px;} .nav{width:952px;height:102px;} .navleft{ float:left;width:400px; } .navleft ul{ padding-left:0; list-style:none; margin-left:0;} .navleft li{float:left; padding-right:30px; padding-top:20px;} .navleft a{ color:#999;} .navright{float:right;width:525px; padding-top:20px;} .navright a{float:right; margin-left:50px;} .navright img{float:left;} .buy{ color:#c0973d;} /*產品系列展示*/ .product a{ padding-bottom:40px;} .footer{height:154px; width:952px; margin-top:25px} .footer_left{width:173px; height:153px;float:left; } .footer_left input{ background:#282828; width:147px; height:24px;} .footer_left .mail{float:right;} .footer_middle{ float:left; width:640px;} .footer_first {width:480px;} .footer_first a{ float:left; width:80px; border-right:1px solid #FFF;color:#FFF;} .footer_first span{ margin-left:14px;color:#FFF;} .footer_vip{ float:left;} .footer_vip a{ padding-left:15px; float:left;} .footer_vip span{ color:#FFF;} .footer_vip img{float:right;} .footer_phone {width:480px; text-align: center; height:12px; padding-top:14px;} .footer_phone {margin-top:10px;} .footer_copyright p{ padding-top:24px; text-align:center;} .footer_right{ float:right;}

相關推薦

HTML+CSS簡單例項（一）

/*重置，也就是清理不乾淨的標籤*/ *{ font-size:12px; font-family:"宋體"; color:#444;margin:0 auto;}/*是共用的意思*/ body{ margin:0; background:#161616;} a{ text-decoration:none;

CSS簡單學習（一）-CSS介紹和CSS引入方式

CSS作用和發展 CSS（Cascading Style Sheet），稱之為層疊樣式表 一種專門描述結構文件的變現方式文件，主要用於網頁風格設計，包括字型大小，顏色，以及元素的精確定位等。 在傳統的網頁設計裡，使用CSS能讓單調的HTML網頁更富表現力 作用：

asp webForm 三層框架的簡單例項（一）未完待續--

Note：本文主要通過簡單的例項引導初學者對webForm 三層框架的一個入門，其中也是個自學獲得的理解，難免與大神有出入，敬請批評指導。 一、引言 webForm是asp.net 其中的一種web開發方式，其三層框架是經驗獲得最有效的軟體開發模式架構。大體上可分為三層，就

scrapy爬蟲框架簡單入門例項（一）

scrapy是一個用於爬取網站資料，提取結構性資料的python應用框架。爬取的資料一般用於資料分析，資料處理，儲存歷史資料等。scrapy的整體架構大致如下： 主要包括了以下元件： 引擎(Scrapy) 用來處理整個系統的資料流, 觸發事務(框架核心) 排程器(

【Android 網路資料解析實現一個簡單的新聞例項（一）】

      一般安卓在學到非同步任務AsyncTask之後都會有個安卓小專案的任務。得到（荔枝新聞，茶百科等）新聞網路介面來解析網路圖片或文字到ListView元件上顯示。其中要使用到的知識大概有：獲取網路資料（HttpUtil），解析網路資料（NewsParse），防止因

JAVA Socket模擬簡單通訊例項（一）

什麼是Sokcet？    Socket就是套接字，說白了就是連結的一端。建立網路通訊的雙方，都有一個socket，每一個socket都儲存有一個此次通訊需要的資料，例如對方的網路地址，埠號等。    有了網路地址，就可以在網路中找到那個需要連線的機器，有了埠號，就知道連結對

精通CSS+DIV簡單小結（一）

概念：            CSS+DIV:            css是層疊樣式表，是用來定義HTML元素的。為什麼要用css呢？因為隨著專案的變大，分工合作的加強，各位開發人員的一致性也要統

nodejs+socketio+redis 簡單訊息推送例項（一）

前段時間採用nodejs+socketio+redis做了個簡單的訊息推送例子，發出來與大家分享一下： 一、安裝nodejs伺服器 1、從Node.js官方網站下載：http://www.nodejs.org/#download；根據自己系統選擇下載wind

FreeSWITCH第三方庫（音頻）的簡單介紹（一）

優勢 帶寬 blog 網絡 ndt 目標 領域 合成 通道 FreeSWITCH使用了大量的第三方庫，本文檔主要介紹音頻相關庫的信息： 視頻相關庫的信息介紹參考：http://www.cnblogs.com/yoyotl/p/5488890.html 其他相關庫的信

Css 基礎知識（一）

mes 層疊 width 布局 增加 rgb 文本 用法 並集 1、Css概念 CSS 指層疊樣式表 (Cascading Style Sheets)(級聯樣式表)，Css是用來美化html標簽的，相當於頁面化妝。 ◆樣式表書寫位置 2、 選擇器 2.1、寫法 選擇器是選

OkHttp3的簡單使用（一）

獲得 enqueue css 界面 字節 cat read 註意事項 字符串 一、導入 1)gradle方式： compile ‘com.squareup.okhttp3:okhttp:3.8.0‘（okhttp 最新版） compile ‘com.squareup.ok

fullpage.js簡單教程（一）

style 準備工作 iba 耐心 兼容性 css3 動畫 lin per orm 最近準備做一個全屏滾動的網頁，在網上搜了一堆教程，結果大多都是一些很籠統的使用方法，對我這種耐心不超過3秒的笨蛋來說，很晦澀很籠統，所以打算邊研究邊自己寫個教程，有什麽不懂的，我再回來翻看筆

vue-router單頁應用簡單示例（一）

問題 clas 做了 設置 new scope 文件的 log target 請先完成了項目初始化，具體請看我另一篇博文。vue項目初始化 看一下完成的效果圖，很典型的單頁應用。 .vue後綴名的單文件組件 這裏先說一下我對組件的理解。組件，顧名思義就是一組元素組成的

HTML/CSS 知識點02 （轉）

標記 內邊距 -m 美化 設置 ng- 兩個 clas 黃色 一個完整的頁面由三部分構成： html：超文本標記語言 通過語義化標簽，搭建頁面"結構" css:層疊樣式表 負責頁面"樣式"，美化頁面的 js:輕量級的腳本語言；交互指的是兩個地方（行為） 前

HTML/CSS 知識點01 （轉）

根目錄 col 網址 icon 數字 jpg scrip head esc 整個前端開發的工作流程 產品經理提出項目需求 UI出設計稿 前端人員負責開發靜態頁面(跟前端同步的後臺人員在準備數據) 前後臺的交互 測試 產品上線(後期項目維護) 互聯網原理 當用戶在瀏

深入淺出CSS：Div（一）

指定 增加 src 深入 lock alt 舉例 gin width 這個系列是學習筆記，簡明記錄結論性的知識。 新建一個層時，border為零，margin為0，padding為0，如果不指定寬度（width），則自動100%填充父元素。 三、層與父元素的關系 1.

android application類簡單介紹（一）

cati theme text color raw sdn water bsp public 每次應用程序執行時。應用程序的application類保持實例化的狀態。通過擴展applicaiton類，能夠完畢下面3項工作： 1.對android執行時廣播的應用程序

CSS樣式表（一）

縮進 刪除 idt 表示 wid 例如 精確 優點 mage 在HTML中為各標簽加上樣式有內聯、內嵌和外部樣式表三種添加方式。內聯的是直接在標簽內添加style="樣式"即可；內嵌的是直接嵌在網頁內，在<head></head>內加入&

NFS和SAMBA的簡單應用（一）

NFS和SAMBA的簡單應用NFS和SAMBA的簡單應用（一） (1)使用samba和NFS分別共享/data目錄； (2)讓samba客戶端和NFS客戶端分別掛載samba服務器上共享的/data/至本地的/mydata目錄；本地的mysqld或mariadb服務的數據目錄設置為/myda

LVS的簡單示例（一）

LVS的簡單示例（一）LVS的簡單示例 1.使用NAT模型的TCP協議類型的lvs服務負載均衡一個php應用，如Discuz!論壇或者phpMyAdmin； 必要條件：三臺主機（一個調度器兩個服務器） 聲明：172.16.1.11作為調度器，192.168.100.2和192.168.100.3