"""1.>注釋標籤:ctrl + /
2.>標題標籤:h開頭 到6級 醒目的,引人注意.用在比較醒目的地方.一共有6級.複製當前行的快捷鍵:先ctrl + c 再 ctrl + v
級別越大,顯示出來越小.h1表示最大,h6表示最小.
新增屬性:居中 align="center",預設情況下是居左.align="left",也有居右.
3.>段落標籤:新聞中很多段落
4.>預設標籤: --> 宣告乙個html5的文件
---> html的開始標籤,類似main函式
---> 頭標籤.表示頭部 charset編碼格式,在開發的時候,只能使用utf-8,絕大多數
-->標題 是指在網頁頂端顯示.用在瀏覽器的上方
--->身體標籤,存放h5**,所有**都是在body裡面
5.>換行標籤:
是乙個單個標籤.實現乙個換行的效果
6.>字型標籤: size 是1到7 一共7個級別
1號字型最小,7號字型最大
7.>盒子標籤:---> 表示盒子標籤,是乙個透明的盒子 一般沒什麼效果.實現乙個分隔的作用.透明盒子裡面可以放各種標籤
8.>標籤:
---> src設定路徑,title-->滑鼠在上的時候顯示文字資訊 alt --> 如果路徑錯誤,顯示alt裡面的文字
9.>一般在開發時候都會新增乙個div盒子,因為有些標籤沒有的屬性,需要div實現.div實現乙個包裹的效果
10.>超連結標籤: 實現從乙個位址跳轉到另外乙個位址 href --> 要進入的頁面位址.超連結標籤可以寫本地的位址,也可以寫網路位址 target表示是否開啟乙個新的視窗 不設定屬性會在當前視窗《會刪除之前的頁面》設定了會開啟乙個新頁面,一般都會設定.開乙個新視窗.《意思就是在瀏覽器中再開乙個顯示頁面》
12.>回到頂部:id是唯一識別符號 # 表示去尋找id 是top的地方.
13.>空格標籤: 作用是空格
14.>小於和大於:< 和 > 對應的就是 less than 和greater than 的簡寫
15.> 格式化**的快捷鍵:ctrl + shift + f,注意這個快捷鍵是否被其他程式占用
16.> pycharm中格式化**: shift + alt + f
17.> pycharm中執行程式:shift + alt + f6
布局css:
css都放在head標籤裡面
1.>選擇器 選擇器就是body裡面的標籤.只不過在css裡面叫選擇器
三種引入方式:
1.內聯式 2.嵌入式 3.外鏈式 推薦使用嵌入式
外鏈式2.>標籤選擇器: h2{} 必須和下面的標籤保持一致
3.>類選擇器:class是固定的語法
.red{}
. 表示尋找class
4.>層級選擇器:也叫做後代選擇器
div p{} 中間通過空格連線展示, 前面標籤是後面標籤的父級元素,後面的標籤是它的子級元素
5.>css常用屬性:
width 寬
height 高
background 背景
border:1px solid red 邊框
1px 表示邊框的大小 ,solid 表示使用邊框的線條《實線》 red 繪製邊框的顏色
除了solid外,還有 dotted 點線 ,dashed 虛線,double 雙線,在前端裡面只有這四種線
border 可以拆分開寫.邊框屬性需要注意:所有的邊框可以分開寫
border-top:1px solid red 上邊框
border-bottom:1px solid red 下邊框
border-left:1px dotted blue 左邊框
border-right:1px dashed yellow 右邊框
.表示class
#表示id
尋找class前面要加.號，尋找id要加#號
float:浮動屬性 讓標籤在一行顯示 將多個div併排顯示.注意:在設定浮動屬性的時候必須所有div標籤部分都設定,
不能只設定乙個，其餘的不設定。
文字屬性:
color:顏色
font-size:大小
font-family:設定字型樣式 如果使用字型標籤 是 face ,如果是樣式多個div併排顯示,並換行繼續多排顯示?
使用float併排顯示,使用display:inline...
html裡面的div不能指定位置嗎?
移動端可以指定位置,有控制項可以實現,具體左邊上邊,下邊,右邊有多少畫素.
前端部分 CSS基礎介紹
css cascading style sheet，層疊樣式表 定義如何顯示html元素。也就是定義相應的標籤語言來定製顯示樣式達到一定的顯示效果。每個css樣式由兩個組成部分 選擇器和宣告。宣告又包括屬性和屬性值。每個宣告之後用分號結束。引用css樣式的方式分為3種 1 便簽行內定義顯示方式 2 ...
Web前端基礎技術（術語介紹）
web world wide web 即全球廣域網，萬維 網。它是種基於超文字和http的 全球性的 動態互動的 跨平台的分布式圖形資訊系統。簡單來說，web服務就是提供我們通過瀏覽器訪問的 系統。前端 的客戶端使用者計算機上展示的部分，負責 的展示 互動等。http 超文字傳輸協議 hyperte...
前端學習 前端基本介紹
學習前端內容，首先我們要知道什麼是前端，或者說前端工程師需要做什麼。前端開發是什麼？首先前端開發是由網頁製作發展過來的，如果很早就接觸網際網路不難發現以前網頁的內容基本都是靜態的 以文字為主，沒有後台資料庫 不含程式和不可互動的網頁稱為靜態網頁，比較突出的特點就是改變網頁中內容狀態，如刪除某些內容後...