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)系作者