學習歷程之HTML(Css簡介)

2021-06-23 01:10:59 字數 1269 閱讀 9492

概念:css技術是美化網頁的重要工具,乙個網頁的布局、美化都比較依賴css技術

選擇器由:選擇器名  一對大括號  和大括號裡面的屬性組成

css技術中比較重要的是四種選擇器的使用:

1.標籤選擇器:既使用html的元素標籤作為選擇器的名,這種選擇器我們稱為標籤選擇器,如:   a 等

作用:當編寫標籤選擇器後,本html中所有的對應標籤都會應用標籤選擇器中的樣式,如編寫  a 標籤選擇器,那麼html頁面中所有的a >都會應用a 標籤選擇器中的樣式

2.類選擇器:在選擇器名前加有英文原點的選擇器被稱為類選擇器,如:

.red {

font-size:16px;

使用和作用:<

pclass

="red

">這是類選擇器中的文字

p>利用標籤的class屬性在class屬性中加上選擇器名來利用類選擇器中的樣式

3.id選擇器:在選擇器名前加有#符合的選擇器被稱為id選擇器,如:

#banner {

width:468px;

height:60px;

background:#0f0;

使用和作用:

="banner">這是網頁的banner

p>利用標籤的id屬性在id屬性中加上選擇器名來利用id選擇器中的樣式

4.派生選擇器:既在以上三個選擇器的基礎上,在原有的選擇器名後面加上html的標籤,這類標籤被稱為派生選擇器,如:

p  a {

font-size:20px;

.red  a{

font-size:16px;

#banner a {

width:468px;

height:60px;

background:#0f0;

使用和作用:

如編寫了  p  a {

font-size:20px;

這個派生選擇器那麼

<

p>這是p選擇器中<

ahref

="#">a標籤

a>

p> p

標籤中的a標籤會自動應用派生選擇器中的樣式。

利用css可以做出以下網頁:

感悟:接下來將開始html學習的艱難之路

HTML css入門簡介

在內部插入,位於head中 type text css rel stylesheet href xx.css type為html4的格式,在html5中可以省略。select select 對於選擇器 1.可以使用元素,例如p,a,h1等。不需要加 2.可以使用類選擇器 class 在類前加.即可,...

spring學習歷程 之 事件(二)

設計模式。如果事務context可用,會接收一含有傳送者事務context的事件。下面乙個例子 事件的定義 private string address private string text public blacklistevent public blacklistevent string ad...

容器簡介及其歷程發展

有一種器物,存水儲物,只為生活,曾風華了乙個個王朝的故事,也曾定格一幕幕凡塵的榮辱,他便是容器,伴隨著人類走過萬年的歲月,裝點過流水的光陰。容器 泛指容納其他物品的工具,一酒杯,承載著瓊漿玉露,點燃數不盡的江湖熱血 一茶壺,沉浮了經年往事,氤氳如夢的人生。千百年前,容器二字,納盡了世間百物,千百年後...