前端學習

来源:https://www.cnblogs.com/zdxxdz/archive/2022/07/24/16515481.html
-Advertisement-
Play Games

一.href="#+id名" 可以快速跳轉 如: href="#two" id="two"快速跳 二. div大塊 自動換行 span小塊 不自動換行 三. 註釋標簽 ctrl+/ &lt &gt <和> 四.表格 表格形式 <table align="center" border=1 cellsp ...


一.href="#+id名" 可以快速跳轉

  如:  
    href="#two"
    id="two"快速跳

二.
  div大塊 自動換行
  span小塊 不自動換行

三.
  註釋標簽 ctrl+/
  &lt &gt <和>

四.表格

表格形式

<table align="center" border=1 cellspacing="0">

表單域 <from>

信息給伺服器
<form action="url" method="提交方式" name="表單功能變數名稱稱"> </from>
url 數據提交的後臺頁面 mathod="GET/POST" 

表單控制項
  1.input 輸入表單元素<input type="屬性值" name value> 屬性值:text password radio(單選按鈕) checkbox(多選框) 性別單選必須要有相同的名字name才可以單選 value是提示信息
checked屬性,表示打開的時候預設選中 checked="checked"   單選框只能選一個 多選框可以選多個   maxlength 規定最大輸入長度 submit提交按鈕 reset清楚所有數據

button 按鈕屬性 不提交屬性 一般和js結合 常用於手機驗證碼簡訊發送 file屬性 文件上傳
  2
.label標簽 擴大表單元素範圍 游標自動聚焦 for 和 id的值一樣 具體用法如下:
<label for="sex">gentle</label>
<input type="radio" name="sex" id="sex"/>
  3.下拉表單select option 預設選定:selected="selected"
  4
.文本域textarea 多行文本輸入 <textarea>之間可以預設文本 cols最大列數 rows最大行數 但是實際開發都是css改變大小

五.CSS相關

css標簽使用在style標簽中 style在head中
選擇器 兩個聲明 屬性加鍵值對 後面一定要加分號
font-size:12px 修改為12像素

類選擇器口訣:樣式點定義 .後面跟類名 結構類(class)調用 一個或多個開發最常用
背景顏色 background-color

六.選擇器

多類名之間必須用空格分開 這樣就會把多個樣式都加上去
一般將相同的樣式放到同一個class 調用共用類 再用獨有類 方便修改
id選擇器 style裡面的id前面加上#號 和class的區別 id選擇器只能調用一次 類似於身份證號碼
通配符選擇器:*表示選取頁面中的所有元素(標簽)

七.文字

改字體 font-family 開發常用字體:"微軟雅黑"/"Microsoft YaHei" 有多個字體逗號隔開看的時候從左往右看是否安裝
font-size 文字的大小 預設是16px font-weight 文字的粗細 一般數字表示粗細 基準值為400 font-style 文本風格normal italic

八.Emmet語法
主元素加tab
多個標簽用*
父子關係用>
兄弟關係用+
.class名加tab 是class的快速生成 .id名加tab是id快速生成
span.y加tab
排序demo1 demo2 demo3... $ $是自增符號
div{文本}加tab
css的emmet的語法是縮寫加tab


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Httpd 1.httpd簡介 httpd是Apache超文本傳輸協議(HTTP)伺服器的主程式。被設計為一個獨立運行的後臺進程,它會建立一個處理請求的子進程或線程的池。 通常,httpd不應該被直接調用,而應該在類Unix系統中由apachectl調用,在Windows中作為服務運行。 2.htt ...
  • MySQL實戰45講 12 為什麼我的MySQL會“抖”一下? 你的 SQL 語句為什麼變“慢”了 什麼情況會引發資料庫的 flush 過程 InnoDB 刷臟頁的控制策略 ...
  • 聚合函數 聚合函數是對一組數據進行彙總輸出的函數。 輸入:一組數據集合 輸出:單個值 舉例:返回一組數據的最大值、平均數、最小、方差等操作。 常見函數舉例: 1,AVG函數:返回一組數據的平均值 2,SUM函數:返回一組數據的總和 3,MAX、MIN函數:返回一組數據的最大、最小值 4,COUNT函 ...
  • 分享嘉賓:劉冰冰 亞馬遜雲科技 編輯整理:張了了 聚水潭 出品平臺:DataFunTalk **導讀:**資料庫經過了幾十年的發展,目前已經是一項非常成熟的技術,然而隨著當今互聯網的極速增長,我們進入到雲時代,企業亟需構建現代化的應用,因此資料庫有了更大的挑戰。今天結合當前時代的發展和趨勢,分享未來 ...
  • 1.初識資料庫 資料庫(DB,database) 概念:數據倉庫,安裝在操作系統上的一款軟體 作用:存儲管理數據 分類: 關係型資料庫(SQL): MySQL,Oracle,Sql Server,DB2,SQLlite 通過表和表之間,行和列之間的關係進行數據的存儲 非關係型資料庫(NoSQL no ...
  • Android 入門 Gradle 安裝配置 Linux下安裝gradle 構建文件和創建任務 預設構建文件為 build.gradle, 構建是可使用 -b 替代 --build gradle -b <fileName> .gradle 文件夾存放的是 Gradle 的構建信息 Gradle 採用 ...
  • Android高仿網易雲音樂-首頁複雜發現界面佈局和功能,效果圖依次為發現界面頂部,包含首頁輪播圖,水平滾動的按鈕,推薦歌單;然後是發現界面推薦單曲,點擊單曲就是直接進入播放界面。 ...
  • 1.下載 下載地址:Download Visual Studio Code VS code,全稱Visual Studio Code,是Microsoft(微軟)在2015年4月30日發佈的,編寫現代web和跨平臺源代碼編輯器。比如說,可以用來寫一個網頁的html+css代碼等。 VS code 優 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...