stripes 和css 一些常用功能

2021-09-01 07:26:57 字數 828 閱讀 3245

1:表單

2:css

background-color:#f1f1f1;

width:450px;

border: .1em solid #acacac;

padding: 15px 0px 15px 10px;

這個簡寫屬性設定元素所有內邊距的寬度,或者設定各邊上內邊距的寬度。行內非替換元素上設定的內邊距不會影響行高計算;因此,如果乙個元素既有內邊距又有背景,從視覺上看可能會延伸到其他行,有可能還會與其他內容重疊。元素的背景會延伸穿過內邊距。不允許指定負邊距值。

注釋:不允許使用負值。

例子 1

padding:10px 5px 15px 20px;

上內邊距是 10px

右內邊距是 5px

下內邊距是 15px

左內邊距是 20px

例子 2

padding:10px 5px 15px;

上內邊距是 10px

右內邊距和左內邊距是 5px

下內邊距是 15px

例子 3

padding:10px 5px;

上內邊距和下內邊距是 10px

右內邊距和左內邊距是 5px

height:auto;

3> width:290px;

left: 5px;

position: relative;

top: -12px;(向上移動5個畫素)

width: 290px;

4>

margin-left:20px ; 與左邊的距離相差20px

margin-right:20px ;與右邊的距離相差20px

CSS一些常用屬性總結

css選擇器 類別選擇器 id選擇器 巢狀選擇器 子選擇器 屬性選擇器 重點說巢狀選擇器和子選擇器的區別以及屬性選擇器 舉個例子 p 下有 b b 下又有另乙個 b 子選擇器 p b 巢狀選擇器 p b 上述子選擇器只能選中第乙個 b 巢狀選擇器則能選中所有的 b 屬性選擇器 a title 只要標...

一些CSS樣式和js

body input box 03 input box 05 input box 07 input box 10 input box 15 input box 20 input box 25 input box 30 input box 35 input box 50 input box 60 in...

一些常用的 CSS 技巧和知識點

作為一名前端工程師,css 是必備技能之一,然而在日常開發中,總有那麼些時候,面對著炫酷的效果圖,腦子裡的 css 屬性卻一片空白,於是只能借助搜尋引擎,在一堆複雜的介紹中找到需要的內容複製貼上。有沒有乙個地方,沒有一大堆介紹 我可能只是忘了怎麼拼寫 能讓我直接複製貼上呢?於是 css tricks...