欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css三種基本的選擇器,input標簽中type怎么用css選擇

老白2年前50瀏覽0評論

css三種基本的選擇器,input標簽中type怎么用css選擇?

可以用css3中新增的選擇器“[attribute=value]”來同時選中指定的屬性的標簽。

1、新建html文檔,添加5個input標簽,其中第一個和最后一個“type”屬性的屬性值為“text”:

2、在head標簽和body標簽之間添加style標簽,添加代碼“input[type=text]”,“input”指的是標簽名,“type”指的是屬性名,“text”指的是屬性值,這個就會把所有屬性名為“type”、屬性值為“text”的input標簽選中:

3、為被選擇的標簽設置背景色為紅色,這時屬性值為“text”的第一個標簽和最后一個標簽背景色都變成了紅色:

css三種基本的選擇器,input標簽中type怎么用css選擇

css的類選擇器用什么屬性引用?

用于來定義一類可以在同一個頁面內重復利用的樣式。 如比較常用的.clearfix(一般是用于清除浮動),或者自己定義的用于新聞列表的樣式,詳細的寫好鏈接、列表、邊框以及背景等屬性,有些人還會習慣把一些常用的屬性作為一個類。

CSS屬性與值的定義?

cascading style sheet 層疊樣式表

CSS基本語法

css的定義方法是:

選擇器 { 屬性:值; 屬性:值; 屬性:值;}

選擇器是將樣式和頁面元素關聯起來的名稱,屬性是希望設置的樣式屬性每個屬性有一個或多個值,如果一個屬性有多個值,中間用空格隔開

代碼示例:

div{ width:100px; height:100px; color:red }

用處:設置網頁的顯示效果(設置樣式)

css將網頁的顯示效果和內容分離(降低了耦合性)

為什么看到有的前端工程師將css每個選擇器里的內容寫成一行?

應該是個老程序猿,之前css壓縮沒有實現的時候,通過縮短選擇器嵌套,人工進行壓縮就出現了這個。而且沒有less,scss開發的時候這種情況更甚,不過有了這些便捷的開發方式也希望去注意一點嵌套層數。

推薦項目工程呢還是用less,scss開發比較好,css文件開發期就是被編譯的壓不壓縮無所謂了。

推薦樓主使用 vs code 這個編輯器 非常好用的東西。如果你要發展全棧或者學習node,這個玩意兒繞不開1