CSS快速入門學習一

2022-02-23 04:31:23 字數 1002 閱讀 3357

一、css語法：

h1 ｛color:blue;font-size:12px;｝

h1就是html的標籤，又叫選被器，是被選擇樣式化的物件，color:blue;就是效果一，font-size:12px;效果二

二、來個例子：

p 


或者這樣，更方便讀取


p
放到html裡的**就是：

hello world!


this paragraph is styled with css.


看看效果圖：
三、css注釋用/* 這裡是被注釋的內容 */

/*this is a comment*/


p
四、css的id和class選擇器來控制樣式

id可以用作樣式化乙個單獨的物件，比如我們要對某乙個p元素做個效果，而其他的預設效果。

id在css中的定義方式就是：

#para1
這裡的para1就是html檔案中某乙個元素的id，看個例子

hello world!


this paragraph is not affected by the style.


看效果圖，只有id為para1的p元素有效果。


class也就是類選擇器，可以表示一組元素的樣式，id只對乙個有效


this paragraph will also be center-aligned.


這樣h1和p的內容都會自動居中了，如圖


CSS快速入門學習二
一 外部樣式表 適用於很多頁面都需要用到樣式表時 用文字編輯器進行編輯，裡面不能包含任何html的標籤並以css為字尾儲存就是乙個樣式表檔案，如下內容hr p body需要注意的是在屬性值和單位間不要有空間，否則只有ie6有效，在mozilla firefox netscape中無效。應該用p 而不...


CSS快速入門
cascading style sheets層疊樣式表，用於頁面美化和布局控制。層疊 多個樣式可以作用在同乙個html的元素上，同時生效。在標籤內使用style屬性指定css hello cssdiv 在head標籤內，定義style標籤，style標籤的標籤體內容就是css lang en cha...


Python學習（一） 快速入門
因為boss要求開始學習python，參考教材是 python核心程式設計 第二版 用的環境是ubuntu 15.04。程式輸出 使用print語句，這個和c的printf 類似。print語句缺省會給每一行新增乙個換行符，而只要在print語句最後新增乙個逗號，就可以使得輸出的元素排列在同一行。p...