內容
智慧型表單樣式擴充套件
max-width： 表示最大寬度
text-align： 字型居中
某些屬性樣式直接寫到form裡面不行
需要寫在style=「」裡面
css入門
css入門
css簡介
css指的是cascading style sheets，即層疊樣式表，是一種設計網頁樣式及布局的技術。所謂「層疊」，實際上指的是將顯示樣式與顯示內容分離。
在web標準中，表現是賦予頁面內容顯示的樣式，包括版式、顏色和大小等等。也就是說，頁面中顯示的內容放在結構裡，而修飾、美化放在表現裡，做到結構（內容）與表現分開，這樣，當頁面使用不同的表現時，呈現的樣式是不一樣的，就像人穿了不同的衣服，表現就是結構的外衣，w3c推薦使用css來完成表現。
css語法
css語法
• css 語法由三部分構成：選擇器、屬性和值。
selector
p• 選擇器（selector）是指給頁面的哪個或哪些元素定義樣式，通常是希望定義樣式的元素標籤。
• 屬性（property）是定義的具體樣式（如顏色、字型等），每個屬性都有乙個值，屬性和值用冒號隔開，並用大括號括起來。
• 屬性和值組成樣式宣告（declaration），可以定義多個宣告，多個宣告之間用分號隔開。
• 當有多個宣告時，建議在每行只描述乙個宣告，這樣可以增強樣式的可讀性，如：
p p
• css對大小寫不敏感，是否包含空格不會影響css在瀏覽器的效果。
css常用選擇器
1.元素選擇器
• 元素選擇器就是元素自身，定義時直接使用元素標籤名稱。如定義段落樣式，可以選擇p元素的名稱，即把p作為選擇器。例如：
• p,h1,form ,table,html, table
例：title 這是body內的文字
通用選擇器
• 通用選擇器是一種特殊的選擇器，用「」表示，css中的通用選擇器與windows萬用字元「」具有相似的功能，可以定義所有元素的樣式。如：
• • 上面的樣式將會影響文件中所有元素，即文件中所有字型大小都被定義為12畫素。使用通用選擇器時要慎重，一般常用於定義文件中各種元素的共同屬性，如字型大小、字型等。
分組選擇器
• 可以對選擇器進行分組，被分組的選擇器就可以共享相同的宣告。用逗號將需要分組的選擇器隔開。
• 下面的例子中，對所有的標題元素進行了分組，所有的標題元素都是綠色的。
h1,h2,h3,h4,h5,h6
4.包含選擇器
包含選擇器是根據元素在其位置的上下文關係來定義樣式，也稱後代選擇器。如在下面**中，希望列表中的strong元素變為斜體字，而不是預設的粗體字。
粗體字
斜體字正常字型
• 可以定義如下派生選擇器，這樣只有li元素中的strong元素樣式為斜體字。 li strong
id選擇器（精確定位）
• id選擇器使用元素的id屬性值為元素指定樣式，id選擇器必須在元素的id屬性值前加「#」。如:
#red
#green
• 在下面的html**中，id屬性為red的p元素顯示為紅色，而id屬性為green的p元素顯示為綠色
這個段落是紅色。
這個段落是綠色。
• id選擇器常用於建立包含選擇器。例如： #sidebar p
6.類選擇器
• 類名的第乙個字元不能使用數字！它無法在mozilla或firefox中起作用。
• 和id選擇器一樣，類選擇器也常常被用作派生選擇器。例如：
.one td
類名為one的元素內部的**單元格都會以灰色背景顯示橙色文字
子元素選擇器
• 子元素選擇器只能選擇作為某元素的子元素宣告樣式，子選擇器使用「>」號。
• 如希望選擇只作為h1元素的子元素strong，可以這樣寫：
h1>strong
• 這個規則會把下面**中第乙個h1下面的strong元素變為紅色，但是第二個strong不受影響。
小總結：
1.元素選擇器 html{}
2.統配符 選擇器 *
分組選擇器 h1，h2{}
包含選擇器 li strong {}
id 選擇器 #id_name{}
類選擇器 .class{}
7.子元素選擇器 h1 > strong{}
注意： 4，和 7 的區別 ： 子元素選擇器 只對 子元素起作用 而 包含選擇器 對包含在裡面的子元素 和 子孫元素都起作用
css樣式的3種使用方式
1內嵌方式
內嵌方式指的是將css規則混合在html標籤中使用的方式。css規則作為html標籤的style屬性值。例如：
這是使用樣式的超級鏈結
內嵌樣式只對其所在的標籤起作用，其它的同類標籤不受影響。
eg：css使用示例-內嵌樣式表
使用內嵌樣式的超級鏈結
普通的超級鏈結
2．內部樣式表
內部樣式表指的是在html文件的標記內嵌入樣式表，格式如下：
eg：3．使用標記鏈結外部樣式表
外部樣式表是使用乙個單獨的檔案儲存樣式規則，擴充套件名為「.css」，需要使用樣式表的html檔案鏈結樣式表檔案。
鏈結樣式表使用標籤，此標籤作為的子標籤使用，指明當前html頁面和鏈結的樣式表之間的關係，其格式為：
其中： href是外部樣式表的路徑，一般使用相對路徑； rel指的是被鏈結的檔案的型別，stylesheet表示被鏈結的是css檔案； type指的是被鏈結的檔案的內容型別；
前端網頁介紹
本文整理自 頁面由三部分內容組成！分別是內容 結構 表現 行為。內容 結構 是我們在頁面中可以看到的資料。我們稱之為內容。一般內容 我們使用html 技術來展示。表現，指的是這些內容在頁面上的展示形式。比如說。布局，顏色，大小等等。一般使用css 技術實現 行為，指的是頁面中元素與輸入裝置互動的響應...
APP內嵌網頁 hybrid 前端開發試水
由於ui已經有了，大部分邏輯也是可以套用已有的內容，所以切頁面就成了第一步，按照給定的頁面樣式把html大概結構確定下來，寫樣式，寫一些簡單互動。這個步驟還是挺撓頭的，之前沒有配置過之前的環境，在寫好頁面後拿到了測試機和測試包，測試包就是乙個簡單的帶著可以呼叫jsbridge的webview，服務在...
第二章 網頁前端開發基礎 02
目錄 css樣式表 css規則 css選擇器 在頁面中包含css css cascading style sheet 是w3c協會為彌補html在顯示屬性設定上的不足而指定的一套擴充套件樣式標準。css標準中重新定義了html中原來的文字顯示樣式，增加了一些新概念，如類 層等，可以對文字重疊 定位等...