技術文章 » HTML+CSS提問

HTML+CSS提問

2020-08-10 09:24:26

HTML+CSS提問內容

前端三要素：
html：木偶
css：化妝
javascript：動態展示（跳舞）

html部分
1.列出常見的標籤，並簡單介紹這些標籤用在什麼場景？
<html> <head> <body> <table> <ul> <ol>
2.html核心屬性有哪些？
id class title style
3.placeholder 屬性有什麼作用？
提示語
4.說說name和id的區別或者理解？
ID 是 以 #定義的CSS樣式，也可以用JS獲取來控制 getElementById(這裏是ID) 來獲取。

name很多了，就是給當前標籤或元素指定名稱，也可以用JS來控制值，form提交後獲取的時候就需要獲取name名稱。

id 一般用於css和js中參照,name用於表單提交,只有加了name屬性的標籤元素纔會提交到伺服器。

5.表單如何重置？
reset

6.H5新增的塊元素（語意化標籤）
header(頭)
nav
article（主體）
section (部分)
footer（腳）
video
audio

7.form中methods請求方式
get
參數拼接在url後面，通過?來分割
傳遞參數較少
post
參數存放在請求體中，安全
傳遞參數更多

css部分
1.@import和link的區別
1) 所屬範圍
@import 是css的語法，只能匯入樣式
link是html的標籤，不僅可以載入樣式，還可以定義rel屬性
rel="stylesheet"表示呼叫外部樣式表
2) 載入順序
頁面載入的時候，link標籤引入的css被同時載入
@import引入的css在頁面載入完畢後再被載入
3) 相容性
@import需要相容IE5+
link標籤，不存在相容性問題

2.選擇器有啥？

3.子代選擇器和後代選擇器的區別

4.通用兄弟選擇器和相鄰兄弟選擇器

5.字型大小、粗細

6.可設定文字垂直居中，水平居中
line-height，text-align

7.選擇器優先順序【級聯】
1. !important
優先順序最高，不推薦
2. 特性值
1000
內聯style屬性
100
id
10
類名選擇器、僞類選擇器、屬性選擇器
1
標籤選擇器、僞元素選擇器

git部分

1.從本地倉庫上傳到遠端倉庫命令
git remote add origin 地址

  1. 先有遠端倉庫，再克隆
    1、在github/gitee上新建倉庫
    2、在本地新建資料夾
    3、將遠端倉庫的程式碼克隆到本地資料夾
    > git clone https://xxx.git
    4、編寫程式碼…
    5、將程式碼提交到本地倉庫
    > git add *
    6、編寫提交資訊
    > git commit -m 「[姓名]修改了/提交了」
    7、將程式碼提交到遠端倉庫
    > git push origin master

3.先有本地

4.團隊專案注意什麼？

5.二版本回退到一版本，還想回到二版本？

歡迎使用Markdown編輯器

你好！ 這是你第一次使用 Markdown編輯器 所展示的歡迎頁。如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章，瞭解一下Markdown的基本語法知識。

新的改變

我們對Markdown編輯器進行了一些功能拓展與語法支援，除了標準的Markdown編輯器功能，我們增加瞭如下幾點新功能，幫助你用它寫部落格：

  1. 全新的介面設計 ，將會帶來全新的寫作體驗；
  2. 在創作中心設定你喜愛的程式碼高亮樣式，Markdown 將程式碼片顯示選擇的高亮樣式 進行展示；
  3. 增加了 圖片拖拽 功能，你可以將原生的圖片直接拖拽到編輯區域直接展示；
  4. 全新的 KaTeX數學公式 語法；
  5. 增加了支援甘特圖的mermaid語法1 功能；
  6. 增加了 多螢幕編輯 Markdown文章功能；
  7. 增加了 焦點寫作模式、預覽模式、簡潔寫作模式、左右區域同步滾輪設定 等功能，功能按鈕位於編輯區域與預覽區域中間；
  8. 增加了 檢查列表 功能。

功能快捷鍵

復原：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜體：Ctrl/Command + I
標題：Ctrl/Command + Shift + H
無序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
檢查列表：Ctrl/Command + Shift + C
插入程式碼：Ctrl/Command + Shift + K
插入鏈接：Ctrl/Command + Shift + L
插入圖片：Ctrl/Command + Shift + G
查詢：Ctrl/Command + F
替換：Ctrl/Command + G

合理的建立標題，有助於目錄的生成

直接輸入1次#，並按下space後，將生成1級標題。
輸入2次#，並按下space後，將生成2級標題。
以此類推，我們支援6級標題。有助於使用TOC語法後生成一個完美的目錄。

如何改變文字的樣式

強調文字 強調文字

加粗文字 加粗文字

標記文字

刪除文字

參照文字

H2O is是液體。

210 運算結果是 1024.

插入鏈接與圖片

鏈接: link.

圖片: Alt

帶尺寸的圖片: Alt

居中的圖片: Alt

居中並且帶尺寸的圖片: Alt

當然，我們爲了讓使用者更加便捷，我們增加了圖片拖拽功能。

如何插入一段漂亮的程式碼片

去部落格設定頁面，選擇一款你喜歡的程式碼片高亮樣式，下面 下麪展示同樣高亮的 程式碼片.

// An highlighted block
var foo = 'bar';

生成一個適合你的列表

  • 專案
    • 專案
      • 專案
  1. 專案1
  2. 專案2
  3. 專案3
  • 計劃任務
  • 完成任務

建立一個表格

一個簡單的表格是這麼建立的：

專案 Value
電腦 $1600
手機 $12
導管 $1

設定內容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列 第二列 第三列
第一列文字居中 第二列文字居右 第三列文字居左

SmartyPants

SmartyPants將ASCII標點字元轉換爲「智慧」印刷標點HTML實體。例如：

TYPE ASCII HTML
Single backticks 'Isn't this fun?' ‘Isn’t this fun?’
Quotes "Isn't this fun?" 「Isn’t this fun?」
Dashes -- is en-dash, --- is em-dash – is en-dash, — is em-dash

建立一個自定義列表

Markdown
Text-to-HTML conversion tool
Authors
John
Luke

如何建立一個註腳

一個具有註腳的文字。2

註釋也是必不可少的

Markdown將文字轉換爲 HTML。

KaTeX數學公式

您可以使用渲染LaTeX數學表達式 KaTeX:

Gamma公式展示 Γ(n)=(n−1)!∀n∈N\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N 是通過歐拉積分

Γ(z)=∫0∞tz−1e−tdt . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.

你可以找到更多關於的資訊 LaTeX 數學表達式here.

新的甘特圖功能，豐富你的文章

Mon 06Mon 13Mon 20已完成 進行中 計劃一 計劃二 現有任務Adding GANTT diagram functionality to mermaid
  • 關於 甘特圖 語法，參考 這兒,

UML 圖表

可以使用UML圖表進行渲染。 Mermaid. 例如下面 下麪產生的一個序列圖：

張三李四王五你好！李四, 最近怎麼樣?你最近怎麼樣，王五？我很好，謝謝!我很好，謝謝!李四想了很長時間, 文字太長了不適合放在一行.打量着王五...很好... 王五, 你怎麼樣?張三李四王五

這將產生一個流程圖。:

鏈接
長方形
圓
圓角長方形
菱形
  • 關於 Mermaid 語法，參考 這兒,

FLowchart流程圖

我們依舊會支援flowchart的流程圖：

Created with Raphaël 2.2.0開始我的操作確認？結束yesno
  • 關於 Flowchart流程圖 語法，參考 這兒.

導出與匯入

導出

如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當你完成了一篇文章的寫作, 在上方工具列找到 文章導出 ，生成一個.md檔案或者.html檔案進行本地儲存。

匯入

如果你想載入一篇你寫過的.md檔案，在上方工具列可以選擇匯入功能進行對應擴充套件名的檔案匯入，
繼續你的創作。

  1. mermaid語法說明 ↩︎

  2. 註腳的解釋 ↩︎