css與html基礎收集

2022-02-26 23:28:27 字數 766 閱讀 6836

1、css去掉iphone、ipad預設按鈕樣式

如果還有圓角的問題:

.button

2、去除chrome等瀏覽器文字框預設發光邊框

input:focus, textarea:focus

去掉高光樣式:

input:focus

當然這樣以來,當文字框載入焦點時,所有瀏覽器下的文字框的邊框都不會有顏色上及樣式上的變化了,但我們可以重新根據自己的需要設定一下,如:

input:focus,textarea:focus

3、去除ie10+瀏覽器文字框後面的小叉叉:

input::-ms-clear

4、禁止多行文字框textarea拖拽

textarea

none 預設值

both 允許水平方向及垂直方向縮放

horizontal 只允許水平方向縮放

vertical 只允許垂直方向縮放

不僅可以針對textarea元素,對大多數元素都適用,如div等,在這裡不一一枚舉,但與textarea不同的是,對div使用時需要加上一句overflow: auto;,也就是這樣才有效果:

div

HTML與CSS基礎之CSS定位

值 語義static 靜態定位 relative 相對定位 absolute 絕對定位 fixed 固定定位 邊偏移屬性 示例描述 toptop 80px 頂端偏移量,定義元素相對於其父元素上邊線的距離 bottom bottom 80px 底部偏移量,定義元素相對與其父元素下邊線的距離 left ...

HTML與CSS之HTML的基礎語法

html hypertext markup language 就是超文字標記語言。超文字 就是表示頁面內可以包含非文字元素,如 鏈結 等等。html 網頁檔案可以使用記事本 寫字板 hbuilder sublime 等編輯工具來編寫,以 htm 或 html 為檔案字尾名儲存。將 html 網頁檔案...

Html與css基礎 必看篇

1 html 超文字標記語言 hypertext markup language 它主要包括 頭 head 和 主體 quokphztbwwhrt body 兩個部分,其中 頭 部提供關於網頁的資訊,主體 部分提供網頁的具體內容。2 頭部元素基本由head 頭部 meta 設定文件標題和其它在網頁中...