您現在的位置是:電腦技術吧?>? 故障問題 ??>??ing的用法規則,三單的用法??>??正文詳情

ing的用法規則,三單的用法

赫連亦凝2019-11-27 14:31:52 人圍觀
簡介ing變化規則口訣At規則是一個聲明,它為CSS的執行或行為提供指令。每個聲明都以@開頭,后跟一個可用的關鍵字,該關鍵字充當標識來指示CSS應該做什么。這是一個通用語法,盡管每個

at-rule是一個聲明,為CSS提供執行或怎么表現的指令。

每個聲明以@開頭,后緊跟一個可用的關鍵字,這個關鍵字充當一個標識符,用于表示CSS該做什么。

這是一個通用的語法,盡管每個at-rule有其它語法變體。

  常規規則  常規規則遵循下面的語法:  代碼如下:  @[KEYWORD] (RULE);  @charset  這個規則定義了瀏覽器使用的字符集,如果樣式表包含非ASCII characters (e.g:UTF-8)。

注意,被放在HTTP頭部的字符集將會覆蓋@charset規則  代碼如下:  @charset UTF-8;  @import  這個規則指示請求樣式表,在這一行,如果內容是正確的,就會引入一個外部的CSS文件。

  代碼如下:  @import global.css;  雖然流行的CSS預處理器都支持@import,但是應該指出的是,它們的工作原理不同于原生的CSS:預處理器會抓取CSS文件并將它們處理成一個CSS文件,對原生CSS,每一個@import都是一個獨立的HTPP請求。

  @namespace  對于將CSS應用在XML HTML(XHTML),這個規則是非常有用的,因為XHTML元素能在CSS中被作為一個選擇器使用。

  代碼如下:  /* Namespace for XHTML */  @namespace url(http://www.w3.org/1999/xhtml);  /* Namespace for SVG embedded in XHTML */  @namespace svg url(http://www.w3.org/2000/svg);  嵌套規則  嵌套規則包含了額外的子集聲明,其中一些聲明只能用于特定情況。

  代碼如下:  @[KEYWORD] {  /* Nested Statements */  }  @document  這個規則為樣式表指定了條件:只能應用于特定頁面。

舉個粟子,我們提供一個URL,然后為這個特定的頁面自定義樣式,在其他頁面中,這些樣式會被忽略。

  代碼如下:  @document  /* Rules for a specific page */  url(http://css-tricks.com/),  /* Rules for pages with a URL that begin with... */  url-prefix(http://css-tricks.com/snippets/),  /* Rules for any page hosted on a domain */  domain(css-tricks.com),  /* Rules for all secure pages */  regexp(https:.*)  {  /* Start styling */  body { font-family: Comic Sans; }  }  @font-face  這個規則允許在web頁面上加載自定義字體,對自定義字體有不同程度的支持,但是這個規則接受語句創建和提供這些字體。

  代碼如下:  @font-face {  font-family: MyWebFont;  src: url(myfont.woff2) format(woff2),  url(myfont.woff) format(woff);  }  @keyframes  在諸多CSS屬性中,這個規則是關鍵幀 動畫的基礎,并允許我們標記動畫開始和結束的標志。

  代碼如下:  @keyframes pulse {  0% {  background-color: #001f3f;  }  100% {  background-color: #ff4136;  }  }  @media  這個規則包含條件聲明,可用于為特定屏幕指定樣式,這些聲明可以包含屏幕大小,在適屏樣式中會很有用.  代碼如下:  /* iPhone in Portrait and Landscape */  @media only screen  and (min-device-width: 320px)  and (max-device-width: 480px)  and (-webkit-min-device-pixel-ratio: 2) {  .module { width: 100%; }  }  或者只在文檔打印時運用樣式  代碼如下:  @media print {  }  @page  這個規則為將要打印的單獨頁面定義樣式。

特別的是,它能為頁面偽元素設置外邊距::first、:left和:right  代碼如下:  @page :first {  margin: 1in;  }  @supports  這個規則可測試瀏覽器知否支持某個特性/功能,如果滿足條件,將會為這些元素應用特定樣式。

有點像Modernizr,但確實是CSS屬性。

  代碼如下:  /* Check one supported condition */  @supports (display: flex) {  .module { display: flex; }  }  /* Check multiple conditions */  @supports (display: flex) and (-webkit-appearance: checkbox) {  .module { display: flex; }  }  總結  at-rule可以使CSS做一些瘋狂有趣的事情。

盡管文章中的示例很基礎,但是可以看到,對于特定的條件,它們是如何使用樣式的,從而創建匹配特定場景的用戶體驗和交互。

版權聲明:本文由 赫連亦凝 整理編輯。

原標題:的得地的用法口訣,動詞加s的讀音規則

轉載注明出處:http://www.dn9ww09s.icu/fault/14610.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 摩拜隱形貼紙,摩拜618貼紙

    摩拜隱形貼紙,摩拜618貼紙 相關圖片摩拜成立我不知道我的朋友們是否收集了貼紙來贏得520元現金獎。幾天后,端午節就要到了。這次,安卓版摩比單車又推出了5款食品貼紙收藏活動。這次能拿到多少現金摩拜單車要押金...

  • 文字豎排,怎么讓文字豎排

    文字豎排,怎么讓文字豎排 相關圖片豎排文字怎么設置樣式表的字處理屬性中有兩個重要屬性:書寫模式和文本對齊。讓我們先看看它們的用法:1。寫入模式語法:寫入模式:LR TB,TB RL參數:lwps文字豎排...

  • 防范勒索病毒,如何防范勒索病毒

    防范勒索病毒,如何防范勒索病毒 相關圖片勒索病毒爆發勒索病毒在短時間內席卷全球。一段時間以來,人們忙著給自己的電腦添加各種安全措施。但事實上,與我們生活密切相關的另一項物品手機,也有感染勒索病毒的危險。...

  • 黑色大圓點●符號,間隔符是什么

    黑色大圓點●符號,間隔符是什么 相關圖片漂亮的分隔符分隔符的小點通常用于外文名字的漢譯間隔,這在玩家命名游戲中的角色時也可以看到。你基本上知道怎么打分隔符的小點嗎,現在的電腦都配備了智能輸入法,比如小編...

  • 讓一個div水平垂直居中,怎樣讓一個div水平垂直居中

    讓一個div水平垂直居中,怎樣讓一個div水平垂直居中 相關圖片如何讓div中的內容垂直居中讓我們看看最常見的實現示例:創建一個新的HTML頁面并將XML/HTML代碼復制到剪貼板!DOCTYPE HTML public-//W3C//DTD XHTM怎樣讓div水平居中...

  • 摩拜單車要押金嗎,摩拜單車押金多少

    摩拜單車要押金嗎,摩拜單車押金多少 相關圖片摩拜單車押金退不了我們都知道,如果我們想用摩比自行車,我們必須先交幾百塊定金。不過,隨著共享單車市場的激烈競爭,安卓版小黃單車和摩拜單車相繼推出免押金騎行。那么摩...

  • 什么是黃金比例,黃金比例多少

    什么是黃金比例,黃金比例多少 相關圖片黃金比例 身材黃金比例是多少?黃金比例是一個數學比例,可以在自然界中找到,結合經典的設計理論來建立一個平衡的構圖,它大約是1.6180,也稱為黃金平均值,通常用希臘字母?來...

  • 筆記本怎么調節屏幕亮度,聯想筆記本屏幕亮度怎么調

    筆記本怎么調節屏幕亮度,聯想筆記本屏幕亮度怎么調 相關圖片屏幕亮度調節安利最近給超人編輯上了一個關于如何調整win10筆記本電腦屏幕亮度的教程。我覺得這很實用,所以我今天就和大家分享這個教程。如果你需要學習,讓我們一起學習吧!如...

  • office2017密鑰,office2016激活密鑰

    office2017密鑰,office2016激活密鑰 相關圖片office2019永久密鑰Office 2010是Office的辦公軟件之一。在眾多版本中,有很多2010版的用戶。與上一版本相比,Office2010提供了強大的數據分析和可視化功能,office10密鑰...

  • 人機界面是啥,人機界面

    人機界面是啥,人機界面 相關圖片人機界面由什么組成1.1 IOS的設計體現了以下三個設計原則:參考:UI應該幫助用戶更好地理解和與內容交互,而不是分散用戶對內容本身的注意力清晰:各種規則人機界面是組態嗎...

熱評文章

  • 車載高德導航沒有聲音,高德手機導航沒聲音了

    車載高德導航沒有聲音,高德手機導航沒聲音了 相關圖片高德導航提示音作為一款非常實用的旅游導航軟件,很多小朋友出門時都會用它來導航,但有時難免會遇到無聲無息的情況。如果導航系統沒有聲音怎么辦?接下來,超人軟件編輯將向...

  • 由淺入深,由淺入深的解釋

    由淺入深,由淺入深的解釋 相關圖片由淺入深的深的詞語一套操作界面和適當的動態互動反饋,可以給用戶帶來更好的操作體驗;一個H5操作宣傳頁和酷炫動畫特效,從加載動畫,形成動態效果,絕對有助于近兩年的傳播和...

  • cd系列合集視頻,猛士的士高第一集原版

    cd系列合集視頻,猛士的士高第一集原版 相關圖片荷東猛士第一集mp3夢幻迪斯科,源于法語迪斯科,在英語中被稱為大師混音。因為它的發音和粵語中的孟氏相似,所以被命名為孟氏,意思是播放錄制的舞曲的舞廳。從香港飛猛士第一...

  • transition多個屬性,transition屬性功能

    transition多個屬性,transition屬性功能 相關圖片opacity屬性首先,我將引用w3school關于轉換的基本知識:定義和使用transition屬性是一個速記屬性,用于設置四個轉換屬性:transition屬性transittextarea的屬性...

  • 百度閱讀書架的書怎么下載,百度閱讀下載的書導出

    百度閱讀書架的書怎么下載,百度閱讀下載的書導出 相關圖片百度閱讀的電子書如何下載百度閱讀是一款非常實用的閱讀學習軟件,很多人喜歡用它來看書。那么如何下載百度閱讀的書籍呢?接下來,超人軟件編輯將介紹如何下載百度閱讀iPhone版...

  • office密匙激活,office激活密鑰在哪

    office密匙激活,office激活密鑰在哪 相關圖片怎么激活office如果你只想使用word和excel,忍受銀屑病的一般廣告在界面上,你可以使用Office2010的初級版本,但是激活Office2010只是幾個步驟,并且在激活microsoft密鑰激活...

  • fontsize屬性,font和fontsize

    fontsize屬性,font和fontsize 相關圖片css font size定義并使用font size屬性設置字體大小描述此屬性設置元素的字體大小。注意,它實際上設置了字體中字符框的高度;實際字符字體可能比這些框高或短(通常短),每個fontsi...

  • 京東第三方的是正品嗎,京東付款后怎么取消訂單

    京東第三方的是正品嗎,京東付款后怎么取消訂單 相關圖片京東取消訂單 又想要了百度閱讀是一款非常實用的閱讀學習軟件,很多人喜歡用它來看書。那么如何下載百度閱讀的書籍呢?接下來,超人軟件編輯將介紹如何下載百度閱讀iPhone版圖書...

  • inline-block,inlineblock張鑫旭

    inline-block,inlineblock張鑫旭 相關圖片div blockDisplay:inline block:很多前端用戶都知道,它的功能是將對象顯示為inline對象,但對象的內容顯示為block對象有以下代碼:CSS codinlineblock間隙...

  • N5手機,360手機N5

    N5手機,360手機N5 相關圖片360n5手機參數昨天360發布了一款新手機,升級版為360n5。那么360n5和360n5有什么區別呢?哪個更好?今天的超人編輯為您帶來了360n5和360n5雙360n5s手機參數...

關注微信

变脸官网查询