css樣式命名導致樣式「變異」的問題

2021-07-11 22:52:15 字數 618 閱讀 3945

今天除錯了乙個問題,給按鈕設定樣式,發現死活都只有部分生效,怎麼除錯都沒用。後來修改了樣式的名字就好了。

不帶樣式時是這樣顯示的(只關注其中的登陸按鈕):

給按鈕加上樣式,css中樣式的名字為submit:

.submit使用

這樣設定,出現了部分效果,就像下面這樣:

只顯示一半,文字也位置不對,還不好看,怎麼調都沒用,不發生改變。

後來,改了下樣式的名字就好了。

.submit_1

submit_1" tabindex="4">

效果如下:

可見,給樣式起名字時,不要太隨意,否則會出現意想不到的後果。

css樣式命名規範

一 命名規則說明 1 所有的命名最好都小寫 2 屬性的值一定要用雙引號 括起來,且一定要有值如class divcss5 id divcss5 3 每個標籤都要有開始和結束,且要有正確的層次,排版有規律工整 4 空元素要有結束的tag或於開始的tag後加上 5 表現與結構完全分離,中不涉及任何的表現...

css字型樣式,引入css樣式的方法,css選擇器

font總結 屬性 表示注意點 font size 字型大小我們通常用的單位是px畫素,一定要跟上單位 font family 字型實際工作中按照團隊約定來寫字型 font weight 字型粗細 加粗700或bold,不加粗normal或400,數字不更單位 font style 字型樣式 傾斜是...

css行內樣式的屬性設定,css的外部樣式的設定

15 行內樣式 行內樣式1 是通過標籤的 style 屬性來設定元素的樣式 格式 標籤 style css樣式 示例 字型內容 多個樣式之間用 分號隔開 乙個樣式多個屬性用空格分開 適用於針對性的修改某乙個標籤的樣式 行內樣式2 通過 html 標籤來設定元素的樣式 適用於頁面中進行的復用。對同一類...