CSS

javaweb項目中如何引用

都放在WebContent目錄下
html 或者jsp中引用是
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />

點(.) 和 井號(#) 的區(qū)別

點(.)  是class引用
    多個控件可以同時使用一個class
    一個控件也可以使用多個class
    <div class="col-sm-10 col-sm-offset-1"></div>
    <div class="login-box visible widget-box no-border"></div>
井號(#) 是id引用
    這個是唯一的
    <div id="login-box"></div>

class選擇器

寫法
    .classname{}  
    里面的屬性以分號隔開  
    float:left ; background:red

float

right 
    讓元素的頁面的最右面顯示

text-align

表示這個元素內部元素的顯示位置
是由父元素指定子元素在父元素內的位置

display


overflow

內容溢出元素框時發(fā)生的事情
visible 默認值尝胆。內容不會被修剪,會呈現(xiàn)在元素框之外。
hidden  內容會被修剪,并且其余內容是不可見的。
scroll  內容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內容。
auto    如果內容被修剪碘菜,則瀏覽器會顯示滾動條以便查看其余的內容。

clear

清除浮動
none : 允許兩邊都可以有浮動對象
both : 不允許有浮動對象
left : 不允許左邊有浮動對象
right : 不允許右邊有浮動對象

position

對象脫離正常文檔流限寞,使用top忍啸,right,bottom履植,left等屬性以窗口為參考點進行定位计雌,
當出現(xiàn)滾動條時,對象不會隨著滾動静尼。
取值
fixed   
relative  
    在自己位置的基礎上進行偏移白粉。
absolute 
    絕對布局  相對于窗口而言的。

z-index

值越大鼠渺,所處的位置就越高

box-shadow

給控件添加一個或多個陰影
案例:
    box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.2);
        h-shadow 必需鸭巴。水平陰影的位置。允許負值拦盹。
        v-shadow 必需鹃祖。垂直陰影的位置。允許負值.
        blur    可選普舆。模糊距離恬口。
        spread  可選校读。陰影的尺寸
        color   可選。陰影的顏色祖能。   
        inset   可選歉秫。將外部陰影 (outset) 改為內部陰影。

border-bottom-width

設置元素下邊框的寬度

border-bottom-style

設置元素下邊框的樣式

padding

設置元素內邊框的寬度
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末养铸,一起剝皮案震驚了整個濱河市雁芙,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌钞螟,老刑警劉巖兔甘,帶你破解...
    沈念sama閱讀 222,104評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異鳞滨,居然都是意外死亡洞焙,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評論 3 399
  • 文/潘曉璐 我一進店門拯啦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來澡匪,“玉大人,你說我怎么就攤上這事褒链∠沈龋” “怎么了?”我有些...
    開封第一講書人閱讀 168,697評論 0 360
  • 文/不壞的土叔 我叫張陵碱蒙,是天一觀的道長。 經常有香客問我夯巷,道長赛惩,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,836評論 1 298
  • 正文 為了忘掉前任趁餐,我火速辦了婚禮喷兼,結果婚禮上,老公的妹妹穿的比我還像新娘后雷。我一直安慰自己季惯,他們只是感情好,可當我...
    茶點故事閱讀 68,851評論 6 397
  • 文/花漫 我一把揭開白布臀突。 她就那樣靜靜地躺著勉抓,像睡著了一般。 火紅的嫁衣襯著肌膚如雪候学。 梳的紋絲不亂的頭發(fā)上藕筋,一...
    開封第一講書人閱讀 52,441評論 1 310
  • 那天,我揣著相機與錄音梳码,去河邊找鬼隐圾。 笑死伍掀,一個胖子當著我的面吹牛,可吹牛的內容都是我干的暇藏。 我是一名探鬼主播蜜笤,決...
    沈念sama閱讀 40,992評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼盐碱!你這毒婦竟也來了把兔?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,899評論 0 276
  • 序言:老撾萬榮一對情侶失蹤甸各,失蹤者是張志新(化名)和其女友劉穎垛贤,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體趣倾,經...
    沈念sama閱讀 46,457評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡聘惦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,529評論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了儒恋。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片善绎。...
    茶點故事閱讀 40,664評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖诫尽,靈堂內的尸體忽然破棺而出禀酱,到底是詐尸還是另有隱情,我是刑警寧澤牧嫉,帶...
    沈念sama閱讀 36,346評論 5 350
  • 正文 年R本政府宣布剂跟,位于F島的核電站,受9級特大地震影響酣藻,放射性物質發(fā)生泄漏曹洽。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,025評論 3 334
  • 文/蒙蒙 一辽剧、第九天 我趴在偏房一處隱蔽的房頂上張望送淆。 院中可真熱鬧,春花似錦怕轿、人聲如沸偷崩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽阐斜。三九已至,卻和暖如春诀紊,著一層夾襖步出監(jiān)牢的瞬間智听,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留到推,地道東北人考赛。 一個月前我還...
    沈念sama閱讀 49,081評論 3 377
  • 正文 我出身青樓,卻偏偏與公主長得像莉测,于是被迫代替她去往敵國和親颜骤。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,675評論 2 359

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案捣卤? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,760評論 1 92
  • 1忍抽、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素董朝?現(xiàn)在鸠项,利用CSS3的Transform,...
    kiddings閱讀 3,170評論 0 11
  • 各種純css圖標 CSS3可以實現(xiàn)很多漂亮的圖形子姜,我收集了32種圖形祟绊,在下面列出。直接用CSS3畫出這些圖形哥捕,要比...
    劍殘閱讀 9,564評論 0 8
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color牧抽,font,text-align遥赚,li...
    wzhiq896閱讀 1,760評論 0 2
  • 2016%11%23 霧滿攔江 摘錄 巴菲特凫佛,牛人也讲坎。 網上有文章說,每年巴菲特都要去大學愧薛,和大學生們“嗨皮...
    行走在字里行間閱讀 1,018評論 0 2