JavaScript百煉成仙(楊逸飛本書)_010(第4頁)免費閱讀-短篇小說

（1）cols：文本域的列數。

（2）rows：文本域的行數。

接下來用form表單和table標簽結合的方式完成一個簡單的登錄頁麵。

【案例四】

案例四的運行結果如圖3-12所示。

圖3-12　運行結果

源代碼如下。

3.1.8　css基礎

css（cascading style sheets）通常稱為css樣式或層疊樣式表，主要用於設置htmL頁麵中的文本內容（字體、大小、對齊方式等）、圖片外觀（高度、邊框樣式、邊距等）以及版麵布局等的外觀顯示樣式。

css可以使htmL頁麵更美觀，css色係的搭配可以讓用戶在視覺體驗上更舒服，css+dlv布局更加靈活，更容易繪製出用戶需要的結構。

樣式：給htmL標簽添加需要顯示的效果。

層疊：使用不同的添加方式給一個htmL標簽添加樣式，最後將所有樣式疊加在一起，共同作用於該標簽。

使用htmL時，需要遵循一定的規範。css亦是如此，若想熟練使用css對網頁進行修飾，首先需要了解css樣式規則。css的具體格式如下。

在上麵的樣式規則中，“選擇器”用於指定css樣式作用的htmL對象，大括號內是對該對象設置的具體樣式。屬性和屬性值以鍵值對的方式出現，使用英文“：”號進行分隔。多個屬性之間使用“；”號進行分隔。

css樣式有多種使用方式，最簡單的方式就是直接在對應的htmL標簽上添加一個style屬性。比如，現在有一個div標簽：

如果希望該一級標題的顏色變成藍色、字體加粗，就可以給它添加一個style屬性，然後在這個屬性的屬性值中寫上對應的css樣式即可。

你好呀,歡迎來學習css！

div>

結果如圖3-13所示。

獲取最新章節更新，請訪問𝑜𝑜𝑝.𝑡𝑤

其中，color和font-weight都是css樣式，前者用來設置字體的顏色，後者用來設置字體的粗細。其實，細心的你可能已經發現，本章在前麵的幾個小節中已經運用了這種方式，不是嗎？

圖3-13　運行結果

破陣子·為陳同甫賦壯詞以寄之

這種直接在標簽上添加style的方式稱為行內樣式。下麵列舉一個行內樣式的例子。

結果如圖3-14所示。

圖3-14　運行結果

現在開始提問：如果希望讓每行詩句都和第三句的樣式保持一致，那麼該怎麼做呢？最簡單的方式就是給每個段落都加上相同的行內樣式，代碼如下。

當然，這樣做肯定是沒有問題的，但是這樣一來就會顯得代碼特別煩瑣。更好的解決方案是：在網頁的某個地方單獨設置p標簽的樣式。這就需要使用內嵌樣式了。內嵌樣式又稱內部樣式，是指將css代碼集中寫在htmL文檔的頭部標簽中，並使用

為本書評分（每位讀者可評一次，提交後無法修改）

發表評論

登入後評論，讓更多人認識你

會員評論顯示暱稱與頭像，更有辨識度。還能加入書架、關注書單、投稿書單推薦。

以 匿名讀者 身份發表

讀者評論