Safari是蘋果公司推出的一款瀏覽器,它的CSS樣式表語法基本上與其他主要瀏覽器一致。下面我們來了解一下Safari中一些常用的CSS樣式:
/* 設置字體大小 */ body { font-size: 16px; } /* 設置背景顏色和背景圖片 */ body { background-color: #f5f5f5; background-image: url("bg.jpg"); background-repeat: no-repeat; background-size: cover; } /* 設置p標簽的外邊距和內邊距 */ p { margin: 10px 0; padding: 10px; } /* 設置文字顏色和字體 */ p { color: #333; font-family: "Helvetica Neue", Arial, sans-serif; } /* 設置鏈接的樣式 */ a { color: #007aff; text-decoration: none; border-bottom: 1px solid #007aff; } /* 設置鼠標懸停效果 */ a:hover { color: #fff; background-color: #007aff; } /* 設置列表樣式 */ ul { list-style-type: none; padding: 0; margin: 0; } /* 設置表格樣式 */ table { border-collapse: collapse; } td, th { border: 1px solid #ccc; padding: 8px; }
以上是一些常用的CSS樣式,在Safari中可以直接使用。當然,如果你需要將網頁在其他瀏覽器中展現相同的樣式,還需要針對各個瀏覽器進行適配和調整。
上一篇rgba css3的含義
下一篇mysql 表多大