三種基本選擇器的使用信息安全技術應用ApplicationofInformationSecurityTechnology《前端技術開發》前端技術開發知識儲備建立網頁內容1使用標記選擇器2使用類選擇器3使用ID選擇器4建立網頁內容前端技術開發01任務目標制作HTML頁面，展示杜甫的《登高》1標題變紅色2將第一句詩變綠色3將第二句詩、第三句詩都變棕色

建立網頁內容前端技術開發01輸入網頁內容<divalign="center"><h1>登高</h1><h3>杜甫</h3><pid="p1">風急天高猿嘯哀，渚清沙白鳥飛回。</p><pclass="p2">無邊落木蕭蕭下，不盡長江滾滾來。</p><pclass="p2">萬里悲秋常作客，百年多病獨登臺。</p><p>艱難苦恨繁霜鬢，潦倒新停濁酒杯。</p></div>使用標記選擇器前端技術開發02需求：將h1標題變為紅色<divalign="center"><h1>登高</h1><h3>杜甫</h3><pid="p1">風急天高猿嘯哀，渚清沙白鳥飛回。</p><pclass="p2">無邊落木蕭蕭下，不盡長江滾滾來。</p><pclass="p2">萬里悲秋常作客，百年多病獨登臺。</p><p>艱難苦恨繁霜鬢，潦倒新停濁酒杯。</p></div><style>h1{color:red;}</style>使用類選擇器前端技術開發03<divalign="center"><h1>登高</h1><h3>杜甫</h3><pid="p1">風急天高猿嘯哀，渚清沙白鳥飛回。</p><pclass="p2">無邊落木蕭蕭下，不盡長江滾滾來。</p><pclass="p2">萬里悲秋常作客，百年多病獨登臺。</p><p>艱難苦恨繁霜鬢，潦倒新停濁酒杯。</p></div><style>.p2{color:orange;}</style>需求：將第二句詩、第三句詩都變棕色使用ID選擇器前端技術開發04<divalign="center"><h1>登高</h1><h3>杜甫</h3><pid="p1">風急天高猿嘯哀，渚清沙白鳥飛回。</p><pclass="p2">無邊落木蕭蕭下，不盡長江滾滾來。</p><pclass="p2">萬里悲秋常作客，百年多病獨登臺。</p><p>艱難苦恨繁霜鬢，潦倒新停濁酒杯。</p></div><style>#p1{color:green;}</style>需求：將第一句詩變綠色小結前端技術開發05<style>/*標記選擇器*/h1{color:red;}/*類選擇器*/.p2{color:orange;}/*ID選擇器*/#p1{color:green;}</style>CSS基礎選擇器包括標簽選擇器、類選擇器、ID選擇器和通配選擇器。在使用時，需要注意以下幾點：避免濫用標簽選擇器，因為它會影響頁面中所有該標簽的元素。類選擇器是最常用的選擇器之一，可以同時應用于多個元素，并且可以重用。ID選擇器用于唯一性，每個ID在文檔中必須是唯一的。選擇器優先級：ID選擇器>類