HTML和CSS三種結合方式

原創 不过是混吃等死 2020-06-29 16:10

  1. 內聯樣式
    在html標籤中使用style屬性指定css代碼
    在這裏插入圖片描述
    耦合度高，不推薦使用

  2. 內部樣式
    在HTML的head標籤內，定義style標籤，style標籤體內容就是css代碼
    例如：
    在這裏插入圖片描述
    比較常用

  3. 外部樣式
    定義css資源文件
    在HTML文件的head標籤內，定義link標籤，引入外部資源文件
    link標籤的href屬性指定css文件的相對路徑

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Throttle 小例子

function testFn() { console.log(1111); } var throttle = function (fn, delay,atleast) { var timer = null; v

Sophia1010 2020-07-06 12:01:29

JS大數運算

/** * 大數與或操作 */ global.andorOpera = function (a, b, type) { //type = 1是與運算，type = 2 是或運算，默認是與運算 a

Sophia1010 2020-07-06 12:01:28

前端基礎總結（3）——css定位和浮動

CSS 定位 position屬性用來指定一個元素在網頁上的位置，一共以下有5種定位方式： （1）static——靜態定位 static是position的默認值，即沒有定位，元素正常出現在頁面流中。 （2）fixed——固定定位 元素相

chuwarrior 2020-07-06 11:03:58

UZI——永遠滴神

一代人的記憶 uzi——a best ADC in the world,簡自豪（Uzi）被稱爲中國ADC選手中的天賦型選手。一直以來都飽受爭議，無論是春季賽場上的情緒失控，還是後來的掛機洗澡事件都讓他處於風口浪尖。但是，從來沒有

从零到1 2020-07-05 17:47:30

bootstrap使用load()函數加載頁面報:$(...).load is not a function錯誤

我原本打算做一個信息管理系統，點擊左側標籤欄，改變右邊頁面內容。實現這個效果應該使用jquery的load()函數。可我用bootstrap框架的時候，一直報$(…).load is not a function錯誤。 錯誤截圖:

大青儿 2020-07-04 06:33:33

jquery筆記整理

這是我前段時間學習jquery的時候整理的課堂筆記，在這裏分享給大家，課程原地址在這裏。邊聽課邊看筆記效果更佳！ 1.初始化函數 $(document).ready(function(){ }) 簡化模式

大青儿 2020-07-04 06:33:33

五種實現JavaScript對象繼承的方法

JavaScript是一門基於對象的語言，不是面向對象的語言。因爲它沒有自己的類（class）！所以對象繼承的實現就尤爲重要！！！ 一、原型鏈繼承 核心： 將父類的實例作爲子類的原型 function SuperType() {

野生松 2020-07-04 02:48:00

如何判斷一個對象是否屬於某個類？

如何判斷一個對象是否屬於某個類？ if(a instanceof Person){ alert('yes'); } // 判斷對象類型最好的方式 // 對於 Object 對象，直接調用 toString() 就能返回 [obj

野生松 2020-07-04 02:48:00

深入學習瀏覽器的緩存機制

一、強緩存 對於強緩存，瀏覽器在第一次請求的時候，會直接下載資源，然後緩存在本地，第二次請求的時候，直接使用緩存。 強緩存方案 Expires：服務端的響應頭，第一次請求的時候，告訴客戶端，該資源什麼時候會過期。該字段是 http1.0 

野生松 2020-07-04 02:48:00

常見的前端模塊化方法（CommonJS和ES6模塊方法）

一、CommonJS Node.js是commonJS規範的主要實踐者，它有四個重要的環境變量爲模塊化的實現提供支持：module、exports、require、global。實際使用時，用module.exports定義當前模塊對外輸

野生松 2020-07-04 02:48:00

promise中race和all的使用場景

Promise.race（）： race的用法：誰跑的快，以誰爲準執行回調。 race的使用場景：比如我們可以用race給某個異步請求設置超時時間，並且在超時後執行相應的操作，代碼如下： //請求某個圖片資源 function

野生松 2020-07-04 02:48:00

CSS樣式爲什麼不起作用？史上最全解決方法彙總

在我們寫頁面時，有時會發現自己寫的css樣式無法生效，導致這種現象的原因有很多，下面列舉一些常見的原因希望可以幫到你，歡迎評論區補充。 目錄瀏覽器緩存問題細節問題樣式表關聯問題選擇器問題編碼格式問題樣式層疊問題 瀏覽器緩存問題

若年封尘 2020-07-03 05:01:31

CSS基礎——css語法與選擇器優先級

css語法 <style> 選擇符1{ 屬性: 值 ; 屬性: 值 ; ….. ；} </style> 舉個例子，對所有a標籤進行css處理 <style> a {text-decoration: none} a:visi

陵先生的笔记本 2020-07-01 17:12:53

HTML基礎——表單form

form表單標籤——開始一個表單 屬性設置： method = (post, get ) action = JavaScript或者URL或者一個servelt（表單的提交目標地址） name = 表單名字 input——收集用戶

陵先生的笔记本 2020-07-01 17:12:53

jQuery插件ocupload多次上傳同一個文件失效？

最近用ocupload插件上傳excel表格到服務器，發現這個插件有點問題： 在IE和Chrom瀏覽器中，只有第一次上傳文件的請求會被服務器收到，以後的上傳請求服務器都接收不到。目前只能第一次上傳文件後，在上傳相同的文件時，刷新一

diligence-zpf 2020-07-01 02:19:16