前端新人學習筆記-------html/css/js基礎知識點(二)

来源:http://www.cnblogs.com/softjiang/archive/2016/04/07/5365760.html
-Advertisement-
Play Games

4月7日學到的知識點: 一:<img src="1.png" alt="美女"/> alt是給圖片添加介紹,當圖片沒載入出來時,會直接顯示alt的值,在搜索引擎搜索時也可以讓搜索引擎更好的找到這張圖。 二:<a href="css2.ppt">標簽下載</a> 當href的值是一個文件名或者壓縮包時 ...


4月7日學到的知識點:

    一:<img src="1.png" alt="美女"/>

        alt是給圖片添加介紹,當圖片沒載入出來時,會直接顯示alt的值,在搜索引擎搜索時也可以讓搜索引擎更好的找到這張圖。

    二:<a href="css2.ppt">標簽下載</a>

        當href的值是一個文件名或者壓縮包時就會直接出發瀏覽器的下載功能去下載這個文件。

    三:<a href="#id"></a>

        錨點,百度百科常用。點擊a標簽就會跳到對應id的位置。

    四:群組選擇符

        #box1,#box2{}選中id為box1和box2的對象。

    五:類選擇符

        .class

    六:類型選擇符

        p{};div{}等

    七:樣式優先順序

        1.同級樣式預設後者覆蓋前者;

        2.優先順序:類型(1) < class(10) < id(100) < style行間樣式(1000)

     八:偽類

         偽類用於向被選中元素添加特殊的效果

            link:未訪問(預設);

            visited:訪問過後;

            hover:滑鼠經過,懸停;

            active:滑鼠點擊。

        如果要持續的讓某個元素有以上效果,寫這四個偽類的順序應該如上,visited必須寫在第二,如果寫在最後,訪問之後,根據同級元素的優先順序順序,訪問之後的樣式會覆蓋hover和active,這樣會導致無法連續出現效果。

        相容問題:IE6不支持a以外其他任何標簽的偽類;IE6以上的瀏覽器支持所有標簽的hover偽類.

     九:預設樣式重置

          有些標簽會自帶一些padding,margin等樣式,在開發之前,最後清除這些預設樣式。清除的時候最好不要用通配符來清除,因為那樣效率會很低。

     十:塊元素和內嵌元素

         塊的特征:

              1.預設獨占一行;

              2.沒有寬度時預設撐滿一行;

              3.支持所有css命令;

         內嵌的特征:

              1.同類的標簽可以在同行顯示;

              2.支持撐開寬度;

              3.不支持寬高;

              4.不支持上下的margin和padding;

              5.代碼換行的話中間會有一個空格.

     十一:display

           通過display可以改變塊和內嵌屬性。

           display:block;

           display:inline;

           display:inline-block

                    特性:1.塊在一行顯示;

                             2.行內元素支持寬高;

                             3.沒有寬度的時候內容撐開寬度。

                     相容問題:代碼換行會出現空格;ie6,ie7不支持塊屬性標簽的inline-block;

 


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

-Advertisement-
Play Games
更多相關文章
  • 隨著瀏覽器的升級,CSS3已經可以投入實際應用了。 <!-- /div --><!-- div id="more" class="asset-more" --> 但是,不同的瀏覽器有不同的CSS3實現,相容性是一個大問題。上周的YDN介紹了CSS3 Please網站,該網站總結了一些常用功能的寫法。 ...
  • 時間到了2015年6月18日,ES6正式發佈了,到了ES6,前面的各種模擬類寫法都可以丟掉了,它帶來了關鍵字 class,extends,super。 ES6的寫類方式 以上定義了一個類,constructor 是構造器,這點和 Java 不同,Java的構造器名和類名相同。 和 Java 多象啊, ...
  • 大家可以通過谷歌瀏覽器以網易網站做為範例,通過網站頂部的導航菜單欄來查看relative和aboulute的區別 CSS的很多其他屬性大多容易理解,比如字體,文本,背景等。有些CSS書籍也會對 這些簡單的屬性進行大張旗鼓的介紹,而偏偏忽略了對一些難纏的屬性講解,有避重就輕的嫌疑。CSS中主要難以理解 ...
  • 在jQuery1.9版本中,已經去掉了live和delegate方法,從而將on方法的地位進一步提升。 jQuery如此推崇on方法,必有其牛逼的地方。那麼我們就有必要瞭解這個on,併在代碼中利用它,從而優化代碼和提高性能。 註:在jQuery1.7後,on方法就可以全面綁定任何事件了。 .on( ...
  • 標題取自《css禪意花園》一書,還記得當年讀此書時的情景,真的是內容和書名一樣的優秀,就以此標題作為自己在該文的一種追求吧,儘管我的水平和見解都和Dave Shea相去甚遠。該文算是對前兩年寫頁面工作的總結吧,現在比較少關註css了,可能觀點有狹隘的地方,同時文中也有一定的思考和理解,也許並不一定特 ...
  • 今天開始記錄每天所學的重點,為了加深印象也為了今後的複習。 今天學習的重點是引用類型中Array類型,Array類型中的棧方法,隊列方法,重排序方法,操作方法,位置方法,迭代方法,歸併方法。這幾個方法我感覺尤為重要,因此記錄下來,以便忘記了可以回顧。 (一)棧方法 首先要知道的是棧是一種後進先出的數 ...
  • 一、事件編程 1、基本事件(以方法形式存在的) 基本語法: 原生Javascript代碼中的事件綁定方式: DOM對象.事件 = 事件的處理程式 jQuery代碼中的事件綁定方式: jQuery對象.事件(事件處理程式) 2、常用的事件列表 blur(fn) :當失去焦點時觸發 change(fn)... ...
  • 第一章 1、 郵箱地址的URL地址包括:mailto:+郵箱地址 2、 ../表示向上走一級,開頭直接使用/表示根目錄 第三章 1、 <header>: role = “banner”【 適用於頁面級的頁眉】 2、 <nav>標記導航: role = “navigation”不是必須的,提高可訪問性 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...