css
盒子模型是什么：
內容(content)、內邊距(padding)、邊框(border)、外邊距(margin)， CSS盒子模式都具備這些屬性。
這些屬性我們可以把它轉移到我們日常生活中的盒子(箱子)上來理解，日常生活中所見的盒子也就是能裝東西的一種箱子，也具有這些屬性，所以叫它盒子模式。
邊框
圍繞著內容及補白的線，可以設定粗細、樣式和顏色(邊框三個屬性)。
div{ border:2px solid red;}
div{border-width:2px; border-style:solid; border-color:red;}
border-style（邊框樣式）常見樣式有：dashed（虛線）| dotted（點線）| solid（實線）。
border-color（邊框顏色）
border-width（邊框寬度）
css 樣式中允許只為一個方向的邊框設定樣式：
div{border-bottom（top，righ，left:）;:1px solid red;}
http://img.mukewang.com/543b4cae0001b34304300350.jpg
一個元素實際寬度（盒子的寬度）=左邊界+左邊框+左填充+內容寬度+右填充+右邊框+右邊界。
簡寫順序（padding，margin）：上、右、下、左(順時針)
top:，right，bottom，left
css布局模型
1、流動模型（Flow）默認的網頁布局模式。網頁在默認狀態下都是根據流動模型來分布網頁內容
塊狀元素都會在所處的包含元素自上而下按順序垂直延伸
行內元素都會在所處的包含元素內從左到右水平分布顯示
2、浮動模型 (Float) 任何元素在默認情況下是不能浮動的，
但可以用 CSS 定義為浮動，如 div、p、table、img 等元素都可以被定義為浮動。（左右）
div{float:right;}
3、層模型（Layer）讓html元素在網頁中精確定位
1、絕對定位(position: absolute) 這條陳述句的作用將元素從檔案流中拖出來，然后使用left、right、top、bottom對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊，則相對于body元素，即相對于瀏覽器視窗。
div{ position:absolute;left:100px;}
2、相對定位(position: relative) 它通過left、right、top、bottom屬性確定元素在正常檔案流中的偏移位置。
相對定位完成的程序是首先按static(float)方式生成一個元素(并且元素像層一樣浮動了起來)，然后相對于以前的位置移動，移動的方向和幅度由left、right、top、bottom屬性確定，偏移前的位置保留不動。
3、固定定位(position: fixed) 表示固定定位，與absolute定位型別類似，不會隨瀏覽器視窗的滾動條滾動而變化，除非你在螢屏中移動瀏覽器視窗的螢屏位置，或改變瀏覽器視窗的顯示大小，因此固定定位的元素會始終位于瀏覽器視窗內視圖的某個位置，不會受檔案流動影響，這與background-attachment:fixed?屬性功能相同。
顏色值
p{color:red;}
p{color:rgb(133,45,200);}
p{color:#00ffff;}
水平居中設定-行內元素
html代碼：
<body>
<div class="txtCenter">我想要在父容器中水平居中顯示。</div>
</body>
css代碼：
<style>
.txtCenter{ text-align:center; }
</style>
水平居中設定-定寬塊狀元素
滿足定寬和塊狀兩個條件的元素是可以通過設定“左右margin”值為“auto”來實作居中的。
html代碼：
<body>
<div>我是定寬塊狀元素，哈哈，我要水平居中顯示。</div>
</body>
css代碼：
<style>
div{ border:1px solid red;/*為了顯示居中效果明顯為 div 設定了邊框*/
width:200px;/*定寬*/
margin:20px auto;/* margin-left 與 margin-right 設定為 auto */}
</style>
不定寬塊狀元素：塊狀元素的寬度width不固定。)
不定寬度的塊狀元素有三種方法居中（這三種方法目前使用的都很多）：
加入 table 標簽
設定 display: inline 方法：與第一種類似，顯示型別設為 行內元素，進行不定寬元素的屬性設定
設定 position:relative 和 left:50%：利用 相對定位 的方式，將元素向左偏移 50% ，即達到居中的目的
今日習題匯總
1.CSS 指的是？：Cascading Style Sheets
2.正確參考外部樣式表的方法 <link rel="stylesheet" type="text/css" href="https://bbs.csdn.net/topics/mystyle.css">
3.參考外部樣式表的正確位置是？：<head> 部分
4.哪個 HTML 標簽用于定義內部樣式表？<style>
5.哪個 HTML 屬性可用來定義行內樣式？style
6.如何為所有的 <h1> 元素添加背景顏色？h1 {background-color:#FFFFFF}
7.如何改變某個元素的文本顏色？color:
8.哪個 CSS 屬性可控制文本的尺寸？：font-size
9 .CSS 中， <p> 元素變為粗體的正確語法是？p {font-weight:bold}
10.如何顯示沒有下劃線的超鏈接？a {text-decoration:none}
11.如何使文本以大寫字母開頭？text-transform:capitalize
12.如何改變元素的字體？font-family:
13.如何使文本變為粗體？
14. padding 屬性，不可使用負值？
15.如何產生帶有正方形專案的串列？：list-style-type: square
p不能包含任何塊級元素<div>、 <p>、<h1>、<form>、<ul> 和 <li>
a可以包含除了自身所有
li里可以包含一個li,祖先元素可嵌套，父級不可以是li
css默認定位型別是static
權重：#100
""1000
.10
其余1
*>+0
行內元素：span img label code input abbr em big select small sub sup strong a b i q u
uj5u.com熱心網友回復：
1.粗體字的 HTML 標簽：：<b>2.請選擇產生斜體字的 HTML 標簽：<i>、
3.如何制作電子郵件鏈接？：<a href="mailto:xxx@yyy">
4.如何在新視窗打開鏈接？：<a href="https://bbs.csdn.net/topics/url" target="_blank">
5.哪個可以產生文本框？<input type="text">
6.哪個可以產生下拉串列？：<select>
明日計劃js
uj5u.com熱心網友回復：
uj5u.com熱心網友回復：
D3jsp
servlet：可以通過HTTP協議接受和回應來自web的請求，單實體多執行緒，訪問時會開辟一個堆疊
程序：瀏覽器-tomcat-servle-服務端-jdbc-mysql
創建：src下建包（java class，interface：servet，導包：servlet.api.jar/選擇tomcat）
xml檔案:1.</web-app>前<servlet><servlet-name>建的名字</servlet-name><servlet-class>包名.檔案名</servlet-class>
<load-on-startup>2(啟動順序)</load-on-startup> //tomcat啟動時實體化servlet并呼叫init </servlet>
2.<servlet-mapping>(映射)<servlet-name>建的名字</servlet-name><url-pattern>定位客戶端訪問名字</url-pattern><servlet-mapping>
訪問流程：
客戶端-瀏覽器里地址-servlet/定位客戶端訪問名字-查找
servlet生命周期：實體化-初始化-服務周期-服務-銷毀
public void service(ServletRequest arg0, ServletResponse arg1) throws ServletException, IOException {
//呼叫service方法}
public void destroy() {// 呼叫destroy方法
public LifeServlet(){//呼叫無參構造方法}}
無論呼叫多少次servlet，inti和destroy只一次
不要定義可修改的成員變數，會有安全問題
https://www.cnblogs.com/qianguyihao/p/4140877.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/85661.html
標籤：非技術區
上一篇：頁面滾動條重繪問題
下一篇：python求助