一.css部分內容
引入:(1)行間樣式 關鍵字style;
(2)內嵌樣式 關鍵字style;
(3)外聯樣式 關鍵字 link;
選擇器: id選擇器 #{};
class選擇器 .{};
後代選擇器 父元素 子元素{};
子代選擇器 父元素》子元素(多種){};
組合選擇器 元素1,元素2,…{};
偽類選擇器 元素:hover; 滑鼠移動到元素上時的狀態;
元素:before; 文字增加在內容之前
元素:after 文字新增在內容之後
樣式: width寬度 height 高度
border:大小 線狀 顏色; 設定邊框;
border-width 邊框寬度;
border-style :dotted solid double dashed; 點狀 實線 雙線
border-color;邊框顏色
text-decoration:none;去掉下劃線;
list-style:none;去掉列表中的』點』
text-indent:畫素值; 首行縮排
font-family:字型;
font-size:畫素值; 字型大小;
color:字型顏色;
font: 是否加粗(bold加粗/normal不加粗) 大小/行高 字型;
background:/顏色;設定背景
background-color;背景顏色
background-image:url(位址);設定背景
background-repeat:background-repeat;去掉重複
background-position: top left;(水平位置 垂直位置) 設定位置
background-size:高度 寬度;設定高度 注意:如果只設定乙個值，則第二個值會被設定為 「auto」
outline:顏色 樣式 寬度;設定輪廓
outline-style:dotted/dashed/solid; 點狀/虛線/實線;
outline:none:去掉輪廓
盒子模型: margin; border; padding;
margin-top 塌陷:
在兩個盒子巢狀時候，內部的盒子設定的 margin-top 會加到外邊 的盒子上，導致內部的盒子 margin-top 設定失敗
解決:(1)給父元素設定 overflow:hidden;
(2)給父元素設定邊框:boder:1px solid #000;
(3)偽元素: 元素:before
解決內聯元素的間隙方法:
(1)設定margin-left為負值
(2)去掉內聯元素之間的換行
(3)將內聯元素的父級設定font-size為0,內聯元素自身再設定font-size.
內聯塊元素之間的轉換:
通過display屬性來互相轉化:
display:none; 元素隱藏;
display:inline; 內聯元素
display:block; 塊元素
display:inline-block 內聯塊元素
注意:內聯元素不可設定大小;
元素溢位
當子元素的尺寸超過父元素的尺寸時,需要設定父元素顯示溢位的子元素的方式
通過overflow屬性來設定解決:
(1)visibke 預設值 內容不會被修改,會呈現在元素框之外
(2)hidden 內容會被裁剪,並且其餘內容是不可簡單,超出父元素內容被隱藏 (此屬性還有清除浮動,清除margin-top塌陷的功能)
(3)scroll 內容會被修改,則瀏覽器會顯示滾動條以便檢視其餘的內容 內容無論是否超出元素元素框 都會新增滾動條
overflow-x:scroll 設定水平滾動條 overflow-y:scroll 設定垂直滾動條
(4)auto 內容被修改,則瀏覽器會顯示滾動條以便檢視其餘的內容
(5) inherit 規定應該從父元素繼承overflow屬性的值
清除浮動
(1)父級上增加屬性 overflow:hidden
(2)在最後乙個子元素的後面加乙個空的div,給樣式屬性clear:both
(3)使用成熟的清除浮動樣式類 .clearfix:after,.clearfix:before
定位:使用position屬性;
position:relative;相對定位元素;
positon:absolute;絕對定位元素;
position:fixed; 固定定位元素;
position:inlet;繼承父級元素position屬性
絕對定位和固定定位的塊元素和行內元素會自動轉化為行內元素(子絕父相)
box-shadow:水平陰影的位置 垂直陰影的位置 模糊距離/陰影的尺寸 陰影的顏色; 邊框陰影
jsp 遺漏部分內容
1.web inf 目錄的檔案外界不能直接訪問,因此可以通過把一些後台的jsp檔案放在web inf 資料夾中以提高安全性.同時可以通過程式配置去訪問這些頁面,在 web.xml中作出一定的配置即可.頁面部分 可以通過 config 內建物件獲取配置在 web.xml中的值 string user ...
牛腩 7 關於 CSS 的部分內容
css特點 實現網頁內容與樣式的分離 css選擇器優先順序 id選擇器 special 類選擇器 menu title html標籤選擇器 body css核心內容 標準流 合資模型 浮動 定位 塊級元素 行內元素 html 內容端 1 欄目一欄目二 欄目三wangchuan6688 html 內容...
mysql 替換字段部分內容
mysql replace的用法 替換某欄位部分內容 mysql replace的用法 1.replace into replace into table id,name values 1 aa 2 bb 此語句的作用是向表table中插入兩條記錄。如果主鍵id為1或2不存在就相當於 insert ...