整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
么是css的調(diào)用方式？
簡單來講，就是解決把css代碼寫在哪里的問題，這塊內(nèi)容之前在課堂上演示過，這里再用文字說明一下，權(quán)當復習。
大體有以下四種方式：
1，外聯(lián)式樣式表
添加在HTML的頭部信息標識符< head>里：
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>其中href是目標文檔的URL， type則規(guī)定了目標URL的MIME類型，而media規(guī)定了文檔將顯示在什么設(shè)備上。
2，內(nèi)嵌樣式表
添加在HTML的頭部信息標識符< head>里：
<head>
<style type="text/css">
<!-- 樣式表的具體內(nèi)容 -->
</style>
</head>type=”text/css”表示樣式表采用MIME類型，幫助不支持CSS的瀏覽器過濾掉CSS代碼，避免在瀏覽器面前直接以源代碼的方式顯示我們設(shè)置的樣式表。但為了保證上述情況一定不要發(fā)生，還是有必要在樣式表里加上注釋標識符“< !--注釋內(nèi)容-->”。
3，元素內(nèi)定
語法：
<Tag style="properties">網(wǎng)頁內(nèi)容</tag>舉個例子：
<p style="color: blue; font-size: 10px">CSS實例</p>上面例子的代碼說明：
用藍色顯示字體大小為10px的“CSS實例”。盡管使用簡單、顯示直觀，但是這種方法不怎么常用，因為這樣添加無法完全發(fā)揮樣式表的優(yōu)勢——即內(nèi)容結(jié)構(gòu)和格式控制分別保存。
4，導入樣式表(高級用法，暫時先放下）
語法：
<style type="text/css">
<!-- @import url("css/base.css"); -->
</style>其中外部引用CSS主要用到兩種方式link和@import
本質(zhì)上，這兩種方式都是為了加載CSS文件，但還是存在著細微的差別。
link和@import存在如下差別：
差別1：老祖宗的差別。link屬于HTML標簽，而@import完全是CSS提供的一種方式。
link標簽除了可以加載CSS外，還可以做很多其它的事情，比如定義RSS，定義rel連接屬性等，@import就只能加載CSS了。
差別2：加載順序的差別。當一個頁面被加載的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式（就是閃爍），網(wǎng)速慢的時候還挺明顯。
差別3：兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標簽無此問題。
差別4：當使用javascript控制DOM去改變樣式的時候，只能使用link標簽，因為@import不是DOM可以控制的。
從上面的分析來看，還是使用link標簽比較好。
課后練習：
步驟一：新建一個名為index.html的網(wǎng)頁。
步驟二：在index.html網(wǎng)頁文檔里加入兩個p標簽，分別在p標簽中加入內(nèi)容（內(nèi)容隨意）
步驟三：嘗試用上面提到的前三種方式，用css代碼改變p標簽內(nèi)容的顯示格式。
HTML是用來開發(fā)網(wǎng)頁的，它是開發(fā)網(wǎng)頁的語言
全稱HyperText Mark-up Language，超文本標記語言
標記就是標簽
<標簽名稱></標簽名稱> 比如 <html></html> <h1></h1>等，標簽大多數(shù)都是成對出現(xiàn)的。
超文本 兩層含義：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>網(wǎng)頁標題</title>
</head>
<body>
網(wǎng)頁顯示內(nèi)容
</body>
</html>第一行<!DOCTYPE html>是文檔聲明
用來指定頁面所使用的html的版本, 這里聲明的是一個html5的文檔
<html>...</html>標簽是開發(fā)人員在告訴瀏覽器
整個網(wǎng)頁是從<html>這里開始的，到</html>結(jié)束
也就是html文檔的開始和結(jié)束標簽
<head>...</head>標簽用于定義文檔的頭部
是負責對網(wǎng)頁進行設(shè)置標題、編碼格式以及引入css和js文件的
<body>...</body>標簽是編寫網(wǎng)頁上顯示的內(nèi)容
網(wǎng)頁文件的后綴是.html, 一個html文件就是一個網(wǎng)頁，html文件用編輯器打開顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開，瀏覽器會按照標簽描述內(nèi)容將文件渲染成網(wǎng)頁
VS Code全拼是 Visual Studio Code 是由微軟研發(fā)的一款免費、開源的跨平臺代碼編輯器
目前是前端(網(wǎng)頁)開發(fā)使用最多的一款軟件開發(fā)工具
下載網(wǎng)址: https://code.visualstudio.com/Download
選擇對應(yīng)的安裝包進行下載:
安裝一切默認
1 標簽不區(qū)分大小寫，但是推薦使用小寫
2 根據(jù)標簽的書寫形式，標簽分為雙標簽(閉合標簽)和單標簽(空標簽) 2.1 雙標簽是指由開始標簽和結(jié)束標簽組成的一對標簽，這種標簽允許嵌套和承載內(nèi)容，比如: div標簽 2.2 單標簽是一個標簽組成，沒有標簽內(nèi)容， 比如: img標簽
標簽的使用形式
列表標簽
網(wǎng)頁效果
表格標簽
<table>標簽：表示一個表格
<tr>標簽：表示表格中的一行
<td>標簽：表示表格中的列
<th>標簽：表示表格中的表頭
屬性設(shè)置
border: 1px solid black:設(shè)置邊框和顏色
border-collapse: collapse:設(shè)置邊框合并
網(wǎng)頁效果
表單標簽
表單用于搜集不同類型的用戶輸入的數(shù)據(jù)，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器
<form>標簽 表示表單標簽，定義整體的表單區(qū)域
一個表單中有很多信息組成,比如 姓名,愛好,地址等,這些內(nèi)容有很多其他標簽來承載
這些標簽稱為表單元素標簽
網(wǎng)頁效果
表單用于搜集不同類型的用戶輸入的數(shù)據(jù)，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器
兩種方式的區(qū)別:
表單元素屬性設(shè)置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!--
姓名 type="text" 定義單行文本輸入框
密碼 type="password" 定義密碼輸入框
性別 type="radio" 定義單選框
愛好 type="checkbox" 定義復選框
照片 type="file" 定義上傳文件
個人描述 <textarea></textarea> 定義多行文本輸入框
地址 <select></select> 定義下拉列表
提交 type="submit" 定義提交按鈕
重置 type="reset" 定義重置按鈕
按鈕 type="button" 定義一個普通按鈕
-->
<form action="http://192.168.1.106:8080" method="POST">
<label>姓名:</label>
<input type="text" name="username" >
<br>
<label>密碼:</label>
<input type="password" name="password">
<br>
<label>性別:</label>
<input type="radio" name="sex" value="1">男
<input type="radio" name="sex" value="0">女
<br>
<label>愛好:</label>
<input type="checkbox" name="like" value="睡覺">睡覺
<input type="checkbox" name="like" value="吃飯">吃飯
<input type="checkbox" name="like" value="打豆豆">打豆豆
<br>
<label>照片:</label>
<input type="file" name="pic">
<br>
<label>個人描述:</label>
<textarea name="desc"></textarea>
<br>
<label>地址:</label>
<select name="addr">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">廣州</option>
<option value="4">深圳</option>
</select>
<br>
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="按鈕">
</form>
</body>
</html>
點擊提交：
可以看到服務(wù)器收到了請求報文。
一步，先寫html或jsp頁面，寫一個form，enctype設(shè)置為multipart/form-data，寫兩個input，一個type為file，一個type為submit，type的值可以用雙引號，也可不用。詳細代碼如下：<form action="uploadServlet" enctype="multipart/form-data">
<input type="file" name="file">
<input type="submit" value="上傳">
</form>
第二步，在web.xml中設(shè)置servlet和servlet mapping，并在servlet中設(shè)置multipart-config，設(shè)置允許上傳文件的最大長度，注意單位為字節(jié)，樣例中約為10M和20M。
第三步，在servlet中處理文件上傳，使用 request.getPart("file")方法獲取part，再通過part.getSubmittedFileName獲取上傳文件名，使用part.write方法寫文件到服務(wù)中，注意路徑問題，可以直接使用絕對路徑。
對于linux中使用tomcat，可能還需要配置tomcat的servlet.xml中的UMASK="0022"，修改前為0027。
以上便是我分享的內(nèi)容，感謝您的閱讀，非常歡迎并期待您在評論區(qū)留下寶貴的意見和建議。如果你在處理數(shù)據(jù)時遇到了類似的問題，歡迎隨時私信我，我將竭誠為你提供幫助。同時，如果你對數(shù)據(jù)處理領(lǐng)域充滿熱情，也歡迎你與我私信交流，期待與你共同探討、學習和進步，期待與您的每一次交流。
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
