css 宋体_Java前端基础(一)之html/css
1.1 html
HTML:超文本標記語言(Hyper Text Markup Language)，標準通用標記語言下的一個應用。HTML 不是一種編程語言，而是一種標記語言 (markup language)，是網頁制作所必備的
WEB開發工具：hbuilder/webstorm/vs code/eclpise
最簡單的HTML
<!DOCTYPE html> ---->告訴瀏覽器，當前HTML語言使用的是第5個版本，2014年發布
<html> --->根標簽，一般有2個標簽，head，body標簽
<head> --->head標簽里的內容一般不直接現實在頁面上，用來說明和描述網頁文檔
<meta charset="utf-8" /> --->申明文檔使用的是UTF-8的編碼
<title></title> ---->說明網頁標題
</head>
<body> --->body標簽放置真正顯示的內容
</body>
</html>
標簽：左右尖括號括起來的內容就是標簽。單標簽和雙標簽。雙標簽是有起始和結束標簽。
HTML常用標簽
網頁內容的標題標簽
H1,H2,H3...H6，都是網頁內容的標題標題
<h1>標題1</h1>
<h2>標題2</h2>
<h6>標題6</h6>
網頁注釋標簽
<!--標題標簽-->
段落標簽
<p>超文本標記語言的結構包括“頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關于網頁的信息，“主體”部分提供網頁的具體內容。</p>
圖片標簽
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558591161852&di=1bd06fab6bc654369456cf33bff60f07&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fblog%2F201410%2F21%2F20141021205157_j2TL2.thumb.700_0.jpeg"/>
最常用容器標簽
<!--最常用的容器標簽,因為塊級標簽，沒有其他多余的樣式-->
<div>hello</div>
鏈接標簽
跳轉到淘寶
<a href="http://www.taobao.com">淘寶</a>
跳轉當前頁面的某個地方
<a href="#跳轉到相對應的元素的ID">主要作品</a>
1.2 列表
表單標簽
form表單標簽
action:將表單數據提交給什么服務器（服務器的地址）
method:get/post
get和post區別：get會將表單提交的內容直接放在請求的URL地址里，效率高，不安全。post不會將表單數據顯示到url上，會放置在請求的body上。
搜索/正常的請求就會使用get
登陸/注冊等比較隱私和安全的內容時候，就需要用到POST,上傳文件的時候也會用到post
input標簽有多種類型
type=》
text（文本輸入）
password(密碼)
radio:單選框，注意單選框如果選擇的內容是同一項內容，那么多個輸入input標簽的name值必須一致。
checkbox:復選框，選擇的內容是同一項內容，那么多個輸入input標簽的name值必須一致
color:輸入顏色（少用）
date:時間標簽（少用）
select>option
textarea：長文本輸入標簽
案例：
<!DOCTYPE html>1.3 css
層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。
CSS使用
1、style屬性上直接使用
<h1 style="color:purple;">今晚吃什么？</h1>
<h1 style="color: greenyellow;">吃雞</h1>
2、Style標簽上使用
語法：
<style type="text/css">
選擇器{樣式的內容}
</style>
CSS常用選擇選擇器：
元素選擇器：元素名稱
Class選擇器：.+類名
ID選擇器：#+id名稱
3、Link標簽引入css文件使用
<link rel="stylesheet" type="text/css" href="css/style.css"/>
優先級情況
元素內style屬性的優先級>id>class>元素>默認的瀏覽器樣式>繼承的樣式
越復雜的選擇器優先級越高
備注：!Important,將樣式的優先級提高到最高
文字
Color:文字顏色
Font-size:文字的大小
font-family:文字字體，盡量使用黑體，微軟雅黑，宋體，普通用戶都有的字體
Font-weight:字體粗細,100-900,具體的粗細根據字體文件本身有什么粗細的字體來決定
Text-align:文字的排版，left,center,right
Line-height:行高，行與行之間的高度
Text-shadow:文字陰影
text-shadow: 0 0 10px orange,0 0 20px yellow;
Text-shadow:水平偏移值 垂直偏移值 陰影的模糊度 陰影的顏色，設置多個陰影用逗號隔開
容器盒子
Box-size:設置盒子模型
Width:寬度
Height:高度
Padding:內邊距
Margin:外邊距
Border:邊框
Box-shadow:盒子陰影
Display:設置盒子是塊級元素還是行級元素還是彈性元素
Background:設置元素的背景，背景圖片，背景顏色
總結
以上是生活随笔為你收集整理的css 宋体_Java前端基础(一)之html/css的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： mysql mvcc 隔离级别_关于 M
- 下一篇： html框架有什么作用,使用HTML5+