html常用小知識

請求重定向:加載頁面之后,除了用js做重定向之外,我們還可以直接用<meta>標簽做重定向。

?1 <meta http-equiv="refresh" content="5;url=http://www.baidu.com" /> 5秒后跳轉?

?

超鏈接:在當前的iframe中打開新的頁面

1 <a href="demo03.html" target="_blank">我是一個超鏈接</a>
2 
3 <iframe src="demo02.html" name="tom"></iframe>

?

超鏈接發送郵件:

?1 <a href="mailto:abc@atguigu.com">聯系我們</a>?

?

css中字體大致分為五類:

  1. serif(襯線字體)
  2. sans-serif(非襯線字體)
  3. monospace(等寬字體)
  4. cursive (草書字體)
  5. fantasy(虛幻字體)

?

text-decoration 屬性,用來給文本添加各個修飾。通過它可以為文本的
上方 下方 或者中間添加線條。

-underline 下劃線

-overline 上劃線

-line-through 刪除線

-none 無樣式


letter-spacing 用來設置字符之間的間距。

word-spacing 用來設置單詞之間的間距。

?

border: ?

none 默認值,沒有邊框

solid 實線

dotted 點狀邊框

dashed 虛線


double 雙線

垂直外邊距的重疊

在網頁中垂直方向的相鄰外邊距會發生外邊距的重疊

所謂的外邊距重疊指兄弟元素之間的相鄰外邊距會取最大值,

而不是取和


超鏈接:

?將一個內聯元素變為塊級元素


?display:block; 塊

?display:inline; 內聯元素




?display:inline-block;將一個元素轉換為行內塊元素


?既有行內元素特點? 又有塊元素特定


display:none; 子元素不會被顯示? 并且不會再頁面占有位置。

visibility: 用來設置元素的隱藏和顯示的狀態。

?? ??? ?visible? 默認值,顯示

?? ??? ?hidden? 元素隱藏不會顯示

但是位置會依然占據位置。






overflow ?
?? ?
?? ??? ?visible? 默認值,子元素溢出

?? ??? ?hidden? 溢出的內容會被修剪,不會保存

?? ??? ?scroll? 為父元素添加滾動條。該屬性無論是否溢出,都會有滾動條

?? ??? ?auto? 根據需求添加滾動條。



當元素的高度或者寬度為auto.此時指定內邊距不會影響可見
框的大小。而是會自動修改寬度和高度,以適應內邊距


塊元素在文檔流中的高度默認被內容撐開。


在文檔流中,內聯元素的寬度和高度默認都被內容撐開。


浮動的文字不會蓋住文字。 文字會自動環繞在元素的周圍。

內聯元素脫離文檔流之后,會變為塊級元素。

本文轉載于:猿2048https://www.mk2048.com/blog/blog.php?id=0aa0ab&title=html常用小知識

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/371112.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/371112.shtml
英文地址,請注明出處:http://en.pswp.cn/news/371112.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

MyEclipse快捷鍵大全【轉】

-------------------------------------MyEclipse 快捷鍵1(CTRL)-------------------------------------Ctrl1 快速修復CtrlD: 刪除當前行 CtrlQ 定位到最后編輯的地方 CtrlL 定位在某行 CtrlO 快速顯示 OutLine CtrlT 快速顯示當前類的繼承結構 CtrlW 關閉當前Editer Ct…

根據您的命令-命令設計模式

命令設計模式是一種廣為人知的設計模式&#xff0c;它屬于行為設計模式&#xff08;“四人幫”的一部分&#xff09;。 顧名思義&#xff0c;它與應用程序中的動作和事件有關。 問題陳述&#xff1a; 假設有一個網頁將在其中包含多個菜單的情況。 編寫此代碼的一種方法是使條件…

用js和jQuery做輪播圖

Javascript或jQuery做輪播圖 css樣式 <style> a{ text-decoration:none; } .naver{ width: 100%; position:relative; }.images{position:relative;width: 100%;height: 400px; } .images img{position:absolute;left: 0;top: 0;width: 100%;height: 400px;opacity: 0;fi…

w3school前端教程合集

有關前端開發的w3c教程合集。 http://caibaojian.com/w3school/ 地圖ajax教程Canvas教程CSS教程CSS3教程CSS3選擇器CSS參考手冊DHTML教程HTML教程HTML5教程HTML5音頻教程HTML DOM教程JavaScript教程jQuery教程jQuery Ajax教程jQuery事件jQuery操作jQuery選擇器jQuery遍歷json教…

【開發調試】谷歌瀏覽器中調試移動網頁和測試網速下頁面效果

、 今天有幸給大家分享一下谷歌瀏覽器針對移動網頁測試的技巧&#xff0c;主要是最近做個微信公共號網站。所以就要對頁面測試拉。移動網頁我們最長測得就是各種手機大小的頁面效果和出現網絡問題的效果展示。 今天就簡單分享下在谷歌瀏覽器測試頁面的適配和網速限制展示。…

拼多多分享好友砍價Java實現_拼多多砍價怎么分享到朋友圈 砍價發到微信朋友圈方法...

拼多多是一款電商社交的共享式購物平臺&#xff0c;現在還推出了砍價的活動&#xff0c;只要邀請好友砍價&#xff0c;你就以最低的價格購買商品&#xff0c;還可以可能是免費拿到&#xff0c;那么今天小編就給大家講講如何將自己的砍價信息分享到微信朋友圈。首先下載手機拼多…

通過6個簡單的步驟在Windows上運行Apache Hive

注意 &#xff1a;您需要安裝cygwin才能運行本教程&#xff0c;因為Hadoop&#xff08;Hive需要&#xff09;需要cygwin才能在Windows上運行。 至少&#xff0c;系統中必須存在Basic&#xff0c;Net&#xff08;OpenSSH&#xff0c;tcp_wrapper軟件包&#xff09;和與安全相關的…

vim編輯器初級(八)

:abbreviate  后面接一個縮寫&#xff0c;再接這個縮寫的全寫&#xff0c;這樣在輸入這個縮寫后&#xff0c;vim會自動將其展開為它的全寫 :abbreviate  列出目前你所設置的所有縮寫 :map  后面接一個字符串&#xff0c;再接這個字符串所映射的一串命令&#xff0c;這樣在…

java多文件post請求_如何使用Java發出多部分/表單數據POST請求?

我們使用HttpClient 4.x創建多部分文件post。更新&#xff1a;截至HttpClient 4.3&#xff0c;一些類已被棄用。下面是新API的代碼&#xff1a;CloseableHttpClient httpClient HttpClients.createDefault();HttpPost uploadFile new HttpPost("...");MultipartEnt…

vue 環境的搭建及初始化項目

其實超級簡單&#xff0c;雖然網上很多&#xff0c;但是我順便記錄下相當于做筆記吧 1nodejs 的安裝&#xff0c; 在node官網下載&#xff0c;點擊安裝&#xff0c;安裝的時候最好選擇路徑在d盤 2設置環境變量 我的電腦-->屬性-->系統環境變量- 系統變量新增一個NODE…

Java堆轉儲:您可以完成任務嗎?

如果您像我一樣對Java性能充滿熱情&#xff0c;那么堆轉儲分析對您來說應該不是一個謎。 如果是這樣&#xff0c;那么好消息是您將有機會提高您的Java故障診斷技能和JVM知識。 JVM現已發展到今天&#xff0c;與舊的JDK 1.0 – JDK 1.4天相比&#xff0c;今天生成和分析JVM堆轉…

MariaDB配置、集群

MariaDB在centos 7.3的安裝&#xff0c;配置和集群搭配 阿里云最新選配系統中&#xff0c;只有centos7.3可選&#xff0c;因此&#xff0c;基于centos 7的MariaDB的安裝&#xff0c;配置。。。 全部刪除MySQL/MariaDB MySQL 已經不再包含在 CentOS 7 的源中&#xff0c;而改用了…

java 調用 ictclas50_1-Ictclas50分詞系統ForJava

Ictclas50是一個分詞庫&#xff0c;我嘛主要用來做中文分詞&#xff0c;其也能分出詞性等東西。1.環境搭建進入到下載頁面進行下載&#xff1a;如下圖&#xff1a; 因為我的系統是64位的windows&#xff0c;所以選擇了到數第三行進行下載。其JAVA版本是通過JNI去調用dll庫&…

SpringMVC亂碼或前臺亂碼解決辦法

JSP頁面亂碼 <% page language"java" import"java.util.*" pageEncoding"UTF-8"%> 以及 form表單提交方式為必須為post 修改web.xml&#xff0c;增加編碼過濾器&#xff0c;如下&#xff08;注意&#xff0c;需要設置forceEncoding參數值…

Beam概念學習系列之Pipeline Runners

不多說&#xff0c;直接上干貨&#xff01; https://beam.apache.org/get-started/beam-overview/ 在 Beam 管道上運行引擎會根據你選擇的分布式處理引擎&#xff0c;其中兼容的 API 轉換你的 Beam 程序應用&#xff0c;讓你的 Beam 應用程序可以有效的運行在指定的分布式處理引…

使普通的舊Java OSGi兼容

盡管OSGi在Java世界中越來越流行&#xff0c;但仍有許多Java應用程序和庫尚未設計成可在OSGi中使用。 有時您可能需要在OSGi環境中運行這樣的代碼&#xff0c;或者是因為您想利用OSGi本身提供的好處&#xff0c;或者因為您需要僅由該特定環境提供的某些功能。 通常&#xff0c;…

運行 java classnotfound_JAR運行出現ClassNotFoundException異常的解決辦法

2009年10月30日最近在弄個聊天室,由于要跟數據庫通信,用到了JDBC的3個jar,在eclipse里OK的,但布置到服務器壞事了,不知道怎么弄JDBC的3個jar了寫個autoStart.batjava -jar chatServer.jarpause運行報錯:F:\mydocuments\java project\socketTest\release>java -jar chatServe…

idea 創建多模塊依賴Maven項目

轉載地址&#xff1a; http://www.cnblogs.com/tibit/p/6185704.html idea 創建多模塊依賴Maven項目 本來網上的教程還算多&#xff0c;但是本著自己有的才是自己的原則&#xff0c;還是自己寫一份的好&#xff0c;雖然可能自己也不會真的用得著。 1. 創建一個新maven項目 2.…

移動端適配問題

適配問題 怎么適配iphone6 1px問題 為什么頁面與設計稿會出現偏差&#xff1f; dpr設備像素/ css像素&#xff0c;只有dpr等于1的時候&#xff0c;實際效果和設計稿的尺寸比例才是1:1。因為iPhone6的DPR&#xff08;設備像素比&#xff09;為2&#xff0c;設備像素為750&…

用Java彈出創建新的消息通知

首先創建JFrame作為彈出窗口。 在其中添加一些JLabel以包含信息&#xff0c;并在適當的位置分配它們&#xff0c;使其看起來像一條通知消息。 下面給出了示例代碼&#xff1a; String message You got a new notification message. Isnt it awesome to have such a notificat…