css基礎選擇器與文字文本樣式,DW教程如何利用CSS樣式設置列表文字?
1打開Adobe Dreamweaver CC 2015。
2執行菜單欄中的"文件>新建"命令或按住Ctrl+N鍵打開"新建文檔"對話框,選擇其文檔類型為HTML,單擊"創建"按鈕,即創建一個網頁文檔。
3在<body>和</body>之間添加<ul class="text"></ul>,如下圖所示。【基本語法】<ul class="XXX"> ....</ul>【語法說明】在HTML文件中,可以利用成對的<ul></ul>標記插入無序列表。CSS中的class中文意思是類,類可以應用于多個標簽元素。類前面都帶有一個英文句點“.”如:<style type="text/css".bigfont {font-size:36px}</style>引用時在標簽里加上class=""例:用在段落標簽:<p class="bigfont">大字體</P>
4<ul> 和</ul>之間添加"<li>首頁</li> <li>新聞</li> <li>汽車</li> <li>體育</li> <li>視頻</li>",如下圖所示。【基本語法】<ul class="XXX"><li>....</li><li>....</li><li>....</li><li>....</li>.....</ul>【語法說明】列表項標記<li></li>用來定義列表項序列。
5<head>和</head>之間添加"<style type="text/css"></style>",如下圖所示。【基本語法】<style type="text/css">選擇符1{樣式屬性:屬性值;樣式屬性:屬性值;...}選擇符2{樣式屬性:屬性值;樣式屬性:屬性值;...}....選擇符n{樣式屬性:屬性值;樣式屬性:屬性值;...}</style>【語法說明】<style>標記是用來說明所要定義的樣式,type屬性是指style元素以CSS的語法定義。【選擇符1..選擇符n】:選擇符可以使用HTML標記的名稱,所有的HTML標記都可以作為選擇符。【樣式屬性】:主要指關于對選擇符格式化顯示風格的樣式屬性名稱。【屬性值】:設置對應樣式屬性的值。
6<style type="text/css"></style>之間添加".text{color:hsla(295,86%,50%,1.00);font-family:"微軟雅黑";list-style-type:none;}【基本語法】color屬性:設置字體顏色font-family屬性:設置文字樣式list-style-type屬性:設置列表樣式(none:不顯示任何列表符號或編號)
7保存網頁文件,按住F12鍵可以在瀏覽器中預覽效果,如下圖所示。
CSS中face屬性是用來設置什么的?
這個是表示客戶端沒有的字體,在服務器端設置; 具體操作如下: 版本:CSS3 繼承性:無 語法:@font-face :{屬性: 取值;} 取值:font-family:設置文本的字體名稱。 font-style:設置文本樣式。 font-variant:設置文本是否大小寫。 font-weight:設置文本的粗細。 font-stretch:設置文本是否橫向的拉伸變形。 font-size:設置文本字體大小。 src:設置自定義字體的相對路徑或者絕對路徑,注意,此屬性只能在@font-face規則里使用。說明:@font-face 能夠加載服務器端的字體文件,讓客戶端顯示客戶端所沒有安裝的字體。【微軟的IE 5已經是開始支持這個屬性,但是只支持微軟自有的.eot (Embedded Open Type) 格式,而其他瀏覽器直到現在都沒有支持這一字體格式。然而,從Safari 3.1開始,網頁重構工程師已經可以設置.ttf(TrueType)和.otf(OpenType)兩種字體做為自定義字體了。】 支持的瀏覽器有各大瀏覽器最新版本,IE6+就開始支持了;
css文字和形狀如何一起變換顏色?
1.首先增加一個類,方便設置文字樣式。
2.之后打開瀏覽器,可看到文字默認樣式。
3.然后設置font-size,設置得越大,文字越大。
4.再然后刷新頁面,看看到文字變大。
5.之后設置color,文字顏色就會變化。
6.最后設置font-family屬性,這樣文字字體就變了。
CSS指的是什么?
CSS是層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。CSS為HTML標記語言提供了一種樣式描述,定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。CSS具有以下特點:
1、豐富的樣式定義CSS提供了豐富的文檔樣式外觀,以及設置文本和背景屬性的能力;允許為任何元素創建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
2、易于使用和修改CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS文件中,以供HTML頁面引用。總之,CSS樣式表可以將所有的樣式聲明統一存放,進行統一管理。
3、多頁面應用CSS樣式表可以單獨存放在一個CSS文件中,這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬于任何頁面文件,在任何頁面文件中都可以將其引用。這樣就可以實現多個頁面風格的統一。
4、層疊層疊就是對一個元素多次設置同一個樣式,這將使用最后一次設置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義一個樣式表應用到頁面中。
5、頁面壓縮在使用HTML定義頁面效果的網站中,往往需要大量或重復的表格和font元素形成各種規格的文字樣式,這樣做的后果就是會產生大量的HTML標簽,從而使頁面文件的大小增加。而將樣式的聲明單獨放到CSS樣式表中,可以大大的減小頁面的體積,這樣在加載頁面時使用的時間也會大大的減少。另外,CSS樣式表的復用更大程序的縮減了頁面的體積,減少下載的時間。css的工作原理CSS是一種定義樣式結構如字體、顏色、位置等的語言,被用于描述網頁上的信息格式化和現實的方式。CSS樣式可以直接存儲于HTML網頁或者單獨的樣式單文件。無論哪一種方式,樣式單包含將樣式應用到指定類型的元素的規則。外部使用時,樣式單規則被放置在一個帶有文件擴展名_css的外部樣式單文檔中。樣式規則是可應用于網頁中元素,如文本段落或鏈接的格式化指令。樣式規則由一個或多個樣式屬性及其值組成。內部樣式單直接放在網頁中,外部樣式單保存在獨立的文檔中,網頁通過一個特殊標簽鏈接外部樣式單。名稱CSS中的“層疊(cascading)”表示樣式單規則應用于HTML文檔元素的方式。具體地說,CSS樣式單中的樣式形成一個層次結構,更具體的樣式覆蓋通用樣式。樣式規則的優先級由CSS根據這個層次結構決定,從而實現級聯效果。