css代碼：.yj{    padding:10px; width:300px; height:50px;    border: 2px solid #000000;    -moz-border-radius: 15px;     -webkit-border-radius: 15px;     border-radius:15px;           } -moz-border-radius: 15px; -webkit-border-radius: 15px;  這兩個是為了兼容其他一些不常用瀏覽寫的css圓角代碼html代碼：<div class="yj">這個div四個角都圓15px;</div>結(jié)果如下：圖片圓角也是一樣的：css代碼：.yj{-moz-border-radius: 15px;     -webkit-border-radius: 15px; border-radius:15px;}html代碼：<img src="xp.jpg" width="100px" height="100px;" class="yj" />結(jié)果如下：css3圓角代碼也支持上下左右的：css代碼這么寫：.yj{    padding:10px; width:300px; height:50px;    border: 2px solid #000000;    -moz-border-radius: 0px 0px 20px 25px;;         -webkit-border-radius: 0px 0px 20px 25px;;      border-radius:0px 0px 20px 25px;; }結(jié)果如下圓角代碼也支持拆分的（四個邊框都圓角10px的拆分css代碼如下）：border-top-left-radius: 10px;   border-top-right-radius: 10px;  border-bottom-right-radius:10px;  border-bottom-left-radius:  10px;

第一點(diǎn)：了解你的目標(biāo)客戶群的心態(tài)1、做微任務(wù)的目標(biāo)客戶群(如隨時隨地看看新聞，聽聽歌，看看電影，聊聊八卦之類)：這類的解決方案是設(shè)計的app最好是小而準(zhǔn)，不要大而全。越全的功能應(yīng)用，只能代表著這個應(yīng)用在各方面的都很平庸2、喜歡當(dāng)工具來使用的目標(biāo)客戶群：比如找地圖，看天氣，查數(shù)據(jù)等。這類的解決方案是 我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。3、無聊的客戶群，用來打發(fā)消磨時間的：無需求，漫無目的的這類的解決方案是盡可能展示用戶感興趣的東西，幫助客戶來打發(fā)消磨時光。第二點(diǎn)：APP原型圖的制作和設(shè)計討論這個環(huán)節(jié)是必不可少的。需要根據(jù)設(shè)計需求認(rèn)認(rèn)真真的來畫畫原型圖。常用的APP原型圖工具：移動APP原型設(shè)計神器 POP 、axure、Foreui等第三點(diǎn)：APP視覺設(shè)計與設(shè)計要點(diǎn)（1）大概設(shè)計板塊有APP啟動頁面設(shè)計，APP界面設(shè)計的尺寸規(guī)范，app圖標(biāo)設(shè)計等一般來說，手機(jī)屏幕是從上往下布局的，重要的信息會放在上方。但是在操作上，大部分人都是單手拿手機(jī)，常用的操作，要放在界面的下方。另外還有一個原則，最小的觸摸單位，一般是44個像素。如果再小，你的拇指難以觸碰，或者容易引發(fā)誤操作。同時，也不要讓界面太擁擠。所以，設(shè)計師必須用減法設(shè)計，這個過程需要花時間思考、簡化元素。你必須記?。海?）隱藏設(shè)計或者減法設(shè)計 （2）分區(qū)或分類 （3）幫用戶做決策 （4）提高交互創(chuàng)新設(shè)計 （5）讓人有爽快感和新奇感 （6）在設(shè)計中浸入情感，把握用戶的心理。（談?wù)勅绾芜M(jìn)行產(chǎn)品設(shè)計以及產(chǎn)品情感化設(shè)計）一位大師這樣說過“真正的簡約設(shè)計是：作品必須不斷的被簡化，一改再改，直到設(shè)計最終成形?！?014年 APP設(shè)計風(fēng)格趨向扁平化和卡片化?？ㄆ?，扁平化都會是移動app設(shè)計的趨勢！認(rèn)為卡片設(shè)計確實(shí)同時兼具了“擬物”和“極簡”2種優(yōu)勢！第四點(diǎn)：APP界面設(shè)計流程（1）. 設(shè)計APP界面時，學(xué)會從優(yōu)秀APP界面設(shè)計作品中尋求靈感，以前的藝術(shù)大師，用少量的資源做了大量的設(shè)計。（2）. 放下工作，休息一下很有幫助。扁平和簡約設(shè)計的一切均關(guān)乎到細(xì)節(jié)的差異。因此小憩片刻后再回到工作，帶著全新的眼光工作，比長時間冥思苦想更有效。（3）. 并排比較各個版式同樣有幫助。哪怕花20分鐘前將一個線條下移各5個像素分別保存，對比兩個版式就能很快分清孰好孰壞。（4）. 由于實(shí)物展示的相對比例至關(guān)重要，所以要及早在不同的目標(biāo)設(shè)備上測試。（5）. 整個設(shè)計過程中不斷問自己“真的需要嗎？” 。支撐項目時候，找一些討巧的辦法，例如，添加一些有趣的元素、樣式會這樣會很容易也會很吸引人，但必須始終注意剔除不必要的元素，不斷精簡。甩掉你費(fèi)盡心血的部分總是難以割舍，但修改過程必須挑剔。第五點(diǎn)：APP界面設(shè)計測試與預(yù)覽修正設(shè)計完成之后，我們可以把設(shè)計圖導(dǎo)入手機(jī)測試或者是校正。之前發(fā)布的在線測試工具：快速在移動終端上預(yù)覽APP界面設(shè)計效果圖的方法最后：好的APP界面設(shè)計作品必然是要經(jīng)過不斷升級、重復(fù)迭代的。

基于android的通訊錄的設(shè)計與實(shí)現(xiàn)一：引言學(xué)了android的開發(fā)與設(shè)計課后，對計算機(jī)軟硬件相關(guān)知識有了一定的了解；基于此，設(shè)計與實(shí)現(xiàn)一個在Android系統(tǒng)上運(yùn)行的手機(jī)通訊管理軟件，實(shí)現(xiàn)手機(jī)通訊錄的基本功能，包括：添加聯(lián)系人、查看聯(lián)系人、修改聯(lián)系人、刪除聯(lián)系人、撥打電話、發(fā)送短信、查詢聯(lián)系人，以及聯(lián)系人的導(dǎo)入導(dǎo)出功能即聯(lián)系人的備份。主要開發(fā)基于Android 的手機(jī)的通訊管理軟件。以Java語言為基礎(chǔ)，結(jié)合Android移動開發(fā)平臺，并利用Android提供的SDK，實(shí)現(xiàn)在Android平臺上運(yùn)行的手機(jī)通訊錄，方便廣大手機(jī)用戶更加便捷地對聯(lián)系人的信息進(jìn)行管理。該手機(jī)通訊錄面向所有的Android手機(jī)用戶，為他們提供更實(shí)際便捷的手機(jī)服務(wù),具有撥號、通訊記錄等基本功能。該通訊錄的數(shù)據(jù)導(dǎo)出功能是該軟件的一個特色，可以實(shí)現(xiàn)聯(lián)系人數(shù)據(jù)導(dǎo)出到文本，實(shí)現(xiàn)數(shù)據(jù)備份。大家生活當(dāng)中經(jīng)常遇到手機(jī)丟失，出現(xiàn)故障，和其他一些事故。最擔(dān)心的就是丟失手機(jī)里的電話號碼。1.1. 選題目的及意義隨著3G網(wǎng)絡(luò)的使用，移動終端不再僅是通訊網(wǎng)絡(luò)的終端，還將成為互聯(lián)網(wǎng)的終端。因此，移動終端的應(yīng)用軟件和需要的服務(wù)將會有很大的發(fā)展空間。在Google和Android手機(jī)聯(lián)盟的共同推動下，Android在眾多手機(jī)操作系統(tǒng)中脫穎而出，受到廣大消費(fèi)者的歡迎。 手機(jī)通訊錄作為手機(jī)的基本功能之一，每天我們都在頻繁地使用著。根據(jù)手機(jī)功能使用調(diào)查顯示，有八成以上的消費(fèi)者使用手機(jī)通訊錄功能。隨著手機(jī)通訊錄功能的不斷加強(qiáng)與完善，手機(jī)通訊錄對于人們的意義，已不僅僅像記事簿一樣顯示通訊地址，而是向著個性化、人性化的方向發(fā)展。通訊錄從無到有，從英文到中文，經(jīng)過了十幾年的發(fā)展歷程，今后的發(fā)展趨勢就是從通訊錄發(fā)展為名片夾，也就是在一個人名下，可以存儲座機(jī)、手機(jī)、單位、地址、電子郵件等內(nèi)容。這種名片夾在電話薄的基礎(chǔ)上，大大豐富了內(nèi)容，同時結(jié)構(gòu)也發(fā)生了革命性變化，而且隨著手機(jī)的發(fā)展，相信更優(yōu)秀的通訊錄會越來越受到社會各層人士的喜愛。1.2. 項目背景Android一詞的本義指"機(jī)器人",同時也是Google在2007年11月5日宣布的基于Linux內(nèi)核的開源手機(jī)系統(tǒng)的名稱，中文注冊商標(biāo)"安致", 該平臺由操作系統(tǒng)、中間件、用戶界面和應(yīng)用軟件組成，是一個為移動終端打造的真正開放和完整的智能手機(jī)系統(tǒng)。其早期為Google開發(fā)，后由開放手機(jī)聯(lián)盟（ Open Handset Alliance）開發(fā)。它采用了軟件堆層（software stack,又名以軟件疊層）的架構(gòu)，主要分為三部分，底層以Linux內(nèi)核為基礎(chǔ)，由C語言開發(fā)，只提供基本功能；中間層包括數(shù)據(jù)庫Library和虛擬機(jī)Virtual Machine，由C++開發(fā)；最上層是由各公司自行開發(fā)，以Java編寫的各種應(yīng)用軟件，如通話程序，短信程序等。 二：功能需求。根據(jù)用戶需求總結(jié)出來的反映了用戶需求的系統(tǒng)邏輯模型轉(zhuǎn)換成可以實(shí)施的物理模型，把整個設(shè)計劃分成單元，主要解決如何去做的問題，要想創(chuàng)建整個通訊錄首先要通過增加聯(lián)系人信息來創(chuàng)建通訊錄。整個應(yīng)用程序應(yīng)劃分為4個模塊，分別是程序啟動、用戶界面、后臺服務(wù)和數(shù)據(jù)庫適配器，各模塊之間的關(guān)系如圖所示：從上圖中不難看出，后臺服務(wù)是整個應(yīng)用程序的核心，主要是“數(shù)據(jù)獲取模塊”，負(fù)責(zé)周期性的從用戶輸入的內(nèi)容中獲取信息。后臺服務(wù)在程序啟動時就由AppWidgetProvider啟動，也可由用戶界面通過startService(進(jìn)行啟動，啟動后的后臺服務(wù)將一直保持運(yùn)行狀態(tài)。同時用戶界面從數(shù)據(jù)獲文本信息。一方面可以避免因網(wǎng)絡(luò)通信不暢造成界面失去響應(yīng)；另一方面，后臺服務(wù)可以及時更新數(shù)據(jù)，以保證數(shù)據(jù)的準(zhǔn)確性。數(shù)據(jù)庫適配器封裝了所有對SQLite數(shù)據(jù)庫操作的方法用戶界面和后臺服務(wù)會調(diào)用它來實(shí)現(xiàn)數(shù)據(jù)庫操作。在完成用戶界面設(shè)計、數(shù)據(jù)庫設(shè)計和模塊設(shè)計后，至此程序設(shè)計階段基本完成。文本編輯器中不同功能界面之間的切換，用戶可以通過點(diǎn)擊menu鍵來切換到不同的功能界面，不同功能界面的切換如圖三:設(shè)計思路。開發(fā)的基于Android手機(jī)通訊錄具有十分重要的意義?？梢愿鶕?jù)客戶需求的實(shí)際情況，開發(fā)一款實(shí)用的手機(jī)通訊錄軟件。本設(shè)計主要是采用Android的View框架編寫，部分框架運(yùn)用Android中的其他組件。 當(dāng)進(jìn)入通訊錄的增加界面時，調(diào)用的是一個用相對布局RelativeLayout的XML布局文件。其中包括了2個Button，分別實(shí)現(xiàn)了不同的功能。第一個Button是保存內(nèi)容，當(dāng)輸入聯(lián)系人姓名和號碼是點(diǎn)擊保存實(shí)現(xiàn)此功能。說到保存，不得不說得是保存信息涉及添加新聯(lián)系人的頭像，姓名，手機(jī)號碼，辦公室電話，家庭電話，職務(wù)職稱，單位名稱，地址，郵政編碼，Email，其他聯(lián)系方式，備注這些信息。第二個Button是返回，顧名思義就是從增加界面返回前一界面。響應(yīng)menu鍵的觸發(fā)事件，設(shè)置底部菜單是否可見，并通過對底部菜單選項的監(jiān)聽實(shí)現(xiàn)底部菜單中的增加、查找、刪除、菜單、退出等功能，其中菜單包括顯示所有、刪除所有、號碼備份功能。在聯(lián)系人信息界面時通過點(diǎn)擊menu鍵，會彈出通信功能框，通過與發(fā)信息、打電話、發(fā)郵件功能接口的套用來實(shí)現(xiàn)。四:流程圖一個好的系統(tǒng)設(shè)計的步驟決定了程序是否能按照設(shè)計者的目的按時完成，是否能在規(guī)定的時間內(nèi)按照設(shè)計者的要求高質(zhì)量的完成程序必要的功能。并且按照標(biāo)準(zhǔn)的設(shè)計步驟對程序進(jìn)行調(diào)試，測試，以及后期的優(yōu)化完善，使程序更加具有健壯性和可用性。通過對通訊錄功能、系統(tǒng)模塊、用戶需求方面進(jìn)行全方位的分析制定開發(fā)流程，開發(fā)流程如圖4-1所示。圖4-1開發(fā)流程圖采用標(biāo)準(zhǔn)的開發(fā)流程確定系統(tǒng)具有用戶管理功能，聯(lián)系人增刪改功能，通訊功能，查找功能，備份等功能。系統(tǒng)的功能圖如4-2所示。圖4-2 系統(tǒng)功能圖通過對系統(tǒng)的功能結(jié)構(gòu)的分析，設(shè)計后系統(tǒng)運(yùn)行流程是系統(tǒng)運(yùn)行后用戶將進(jìn)入通訊錄主界面，可以看到聯(lián)系人列表。通過點(diǎn)擊MENU界面的增加功能選項可以新增聯(lián)系人 有沒有這個的代碼，做一下參照？ 代碼沒有去淘寶看一下吧

<div style="width:100%;">一行</div><div style="width:50%; float:left;">左</div><div style="width:50%; float:left;">右</div>

一、簡介：布局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置。不同的制作者會有不同的布局設(shè)計。二、網(wǎng)頁布局有以下幾種常見結(jié)構(gòu)：【1】“國字”型布局：“國”字型布局由“同”字型布局進(jìn)化而來，因布局結(jié)構(gòu)與漢字“國”相似而得名。其頁面的最上部分一般放置網(wǎng)站的標(biāo)志和導(dǎo)航欄或Banner廣告，頁面中間主要放置網(wǎng)站的主要內(nèi)容，最下部分一般放置網(wǎng)站的版權(quán)信息和聯(lián)系方式等。 【2】T型布局T型布局結(jié)構(gòu)因與英文大寫字母T相似而得名。其頁面的頂部一般放置橫網(wǎng)站的標(biāo)志或Banner廣告，下方左側(cè)是導(dǎo)航欄菜單，下方右側(cè)則用于放置網(wǎng)頁正文等主要內(nèi)容?！?】標(biāo)題正文型標(biāo)題正文型布局的布局結(jié)構(gòu)一般用于顯示文章頁面、新聞頁面和一些注冊頁面等?！?】左右框架型布局左右框架型布局結(jié)構(gòu)是一些大型論壇和企業(yè)經(jīng)常使用的一種布局結(jié)構(gòu)。其布局結(jié)構(gòu)主要分為左右兩側(cè)的頁面。左側(cè)一般主要為導(dǎo)航欄鏈接，右側(cè)則放置網(wǎng)站的主要內(nèi)容 .【5】上下框架型上下框架型布局與前面的左右框架型布局類似。其區(qū)別僅在于是一種上下分為兩頁的框架?！?】綜合框架型綜合框架型布局是結(jié)合左右框架型布局和上下框架型布局的頁面布局技術(shù)。【7】POP布局POP布局是一種頗具藝術(shù)感和時尚感的網(wǎng)頁布局方式。頁面設(shè)計通常以一張精美的海報畫面為布局的主體。 【7】FLASH布局FLASH布局是指網(wǎng)頁頁面以一個或多個Flash作為頁面主體的布局方式。在這種布局中，大部分甚至整個頁面都是Flash。

DIV+CSS和table兩種布局方式，DIV+CSS布局運(yùn)行速度快，科學(xué)，但難學(xué)，table布局簡單，運(yùn)行加載慢，做網(wǎng)站不科學(xué)，各有利弊。 表格布局有什么特點(diǎn)啊我知道的就是表格布局，CSS+DIV層布局 還有一種很常用的布局方式，是框架么？怎么用呢，具體的用法都不是很清楚，可以粗略的介紹不嘛 表格布局兼容性較好，基本不要考慮瀏覽器兼容問題，但是一些高級效果，表格是無法做出的。表格布局的代碼偏長，效率不及div布局,簡單說表格低效、穩(wěn)定、控制難度低，div高效先進(jìn)，兼容性 難度高?？蚣苓m用于后臺管理界面，一般頂部或左側(cè)是功能菜單，右側(cè)是內(nèi)容顯示頁面，框架不靈活，用的也比較麻煩，框架布局已經(jīng)基本上不用的，一般就table布局和div布局兩種，div里該用到table時還是要用到的。

方法/步驟　　打開一個新的word文檔　　點(diǎn)擊”頁面布局“下的”頁邊距“　　點(diǎn)擊”自定義頁邊距“　　頁邊距　　紙張設(shè)計　　板式布局　　文檔網(wǎng)格設(shè)計　　分欄設(shè)計