CSS樣式之背景、文本

来源:http://www.cnblogs.com/panpan-best/archive/2016/06/07/5568634.html
-Advertisement-
Play Games

一、背景 1、背景顏色用background-color屬性,例如:body{background-color:red} 2、用圖像做背景用background-image屬性,例如body{background-image:ul1(23.jpg) 3、背景由圖片重覆平鋪用backgroud-rep ...


一、背景

    1、背景顏色用background-color屬性,例如:body{background-color:red}     2、用圖像做背景用background-image屬性,例如body{background-image:ul1(23.jpg)     3、背景由圖片重覆平鋪用backgroud-repeat屬性,repeat-x或repeat-y分別表示水平或垂直平鋪,          no-repeat表示允許從任何方向上平鋪          例如:body                  {background-image:url(23.jpg)
                  background-repeat:repeat-x:) }      4、用background-position屬性將背景定位,[位置:top、bottom、left、right、center、還可使用           百分比(50% 50%)、長度值(50px 50px)]          例如:body                  {background-image:url(23.jpg)                   background-position:center}      5、設置圖片關聯屬性用background-attachment,例如下麵的圖片背景不會隨文字的滾動而滾動                    body{background-image:url(23.jpg);                                    background-repeat:no-repeat;                                    background-attachment:fixed;} 二、文本      1、縮進文本用text-indent屬性,最常見的是段落首行縮進,縮進值可以還負數           例如:p{text-indent:-5em},但設置負數容易超出瀏覽器視窗左邊界,要特別註意;           縮進值單位可以是百分數%,長度單位px,度量單位em;           text-indent屬性可以繼承,例如:          div#outer {width:500px;}          div#inter  {text-indent:10%}          p{width:200px;}                 <div id="outer">                 <div id="inter"> some text.some text.some text.                           <p>this is a pragramph</p>                 </div>                 </div>     2、水平對齊用text-align屬性(left、right、center、justity)     3、word-spacing可以改變字(單詞)之間的標準間隔,預設值normal與設置值為0是一樣的,              word-spacing接受正長度值也可接受負長度值     4、letter-spacing改變字元和字母之間的間距,其他同word-spacing,預設值normal與設置值為0是                      一樣的,接受正長度值和負長度值     5、text-transform處理文本的大小寫(none、uppercase大寫、lowercase小寫、capitalize首字母為大          寫     6、text-decoration處理文本裝飾(none、underline、overline上劃線、line-through貫穿線、blink閃             爍     7、處理空白符white-space               值pre-line,空白符:合併,換行符:保留,自動換行:允許;           值normal,空白符:合併,換行符:忽略,自動換行:允許;           值nowrap,空白符:合併,換行符:保留,自動換行:不允許           值pre-wrap,空白符:保留,換行符:保留,自動換行:允許     8、direction屬性影響塊級元素中文本的書寫方向,列表中佈局的方向、內容水平填充其文本框的方向以              及兩端對齊元素中最後一行的位置(值有兩個,ltr和rtk,其中ltr為預設值,為從左到右的方向)     9、line-height設置行高
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 儘管 HTML5 的完全實現還有很長的路要走,但 HTML5 正在改變 Web,未來 HTML5 將把 Web 帶入一個更加成熟和開放的應用平臺。現在,越來越多的人嘗試用 HTML5 來製作網頁游戲等豐富的 Web 應用。今天要與大家分享的是 21 款基於 HTML5 的游戲,讓大家體驗一下 HTM ...
  • 今天又次體會到jquery的強大了,做了個多級覆選框的效果,代碼總共就20+行就over了。 我又想用js來做一個看看,才寫了幾個方法就寫不動了,相容性要考慮很多,而且代碼量直線上升。 主要分享下jquery的這個效果的實現。代碼塊分兩塊: 一是全選的效果,就是點擊全選的覆選框時它的子孫都相應被選中 ...
  • javascript/js的ajax的GET請求: <script type="text/javascript"> /* 創建 XMLHttpRequest 對象 */ var xmlHttp; function GetXmlHttpObject(){ if (window.XMLHttpReque ...
  • checkbox和radio的美化 checkbox: <style type="text/css"> input[type="checkbox"] { display: none; } input[type="checkbox"] + label { display: inline-block; ...
  • 面向對象的一個標誌是它們都有類的概念,而JavaScript中沒有類的概念,因此它的對象與其他語言基於類的對象定義不同。 理解對象 前面介紹過對象的兩種創建方式:構造函數和對象字面量: var p = new Object(); p.name = "蕭蕭弈寒"; p.blog = "cnblogs. ...
  • 在博客園註冊賬號有些天了,感覺有些許欣慰,自己寫的東西有人在看,有人在評論很是開心。(ps: 滿足一下虛榮心吧!) 廢話不多說了,說一下今天給大家分享的是 html5上傳圖片。我們是在移動端使用的,但是這個在pc上也通用相容性我只在谷歌測試過。之前一直用的angular寫的《用HTML5的File ...
  • 做一個太陽系八大行星的運轉動畫,不包括行星的衛星,所有行星圍繞太陽公轉,行星採用純色,暫時沒有自轉。 效果靜態圖: 動畫中包括:太陽及各行星,運行軌道,行星公轉動畫。 先畫好草圖,設計好大小和位置,根據公轉周期計算好動畫執行的時間。 html的結構: 一個class為solarsys的div,作為太 ...
  • 0. 引子,我們為什麼要cookie和session 因為http請求是無狀態的(不能記錄用戶的登錄狀態等),所以需要某種機制來保存用戶的登錄狀態等信息,在下次訪問web服務的時候,不用再次校驗是否登錄等狀態,session機制和cookie機制分別是在伺服器端和瀏覽器端的解決方案。 1.關於coo ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...