css基礎知識,日積月累2
css中元素一共有三類: 塊級元素,內聯(行內)元素和內聯塊元素
塊級元素
元素寬高可設定,獨佔一行
巢狀(包含)下,子塊元素寬度(沒有定義情況下)和父塊元素寬度預設一致
設定display:block可將元素顯示為塊級元素,從而使元素有塊級元素的特點
典型代表:div、h1~h6、p、ul、li
內聯(行內)元素
元素的寬、高以及頂和底邊距不可設定,不獨佔一行
元素的寬度就是它包含的文字或圖片的寬度,不可改變
典型代表:span、a、strong、em、del、ins
內聯塊級元素(display:inline-block將元素設定為內聯塊級元素)
和其他元素都在一行上
元素的寬、高以及頂部和底邊距可以設定
典型代表:input、img
所以一般的水平居中問題:
1.text,和內聯元素、行內塊常設定:
text-align:center;
2.塊元素的水平居中:
先設定width,再設定水平方向margin為auto;
相關推薦
css基礎知識,日積月累2
css中元素一共有三類: 塊級元素,內聯(行內)元素和內聯塊元素 塊級元素 元素寬高可設定,獨佔一行 巢狀(包含)下,子塊元素寬度(沒有定義情況下)和父塊元素寬度預設一致 設定display:block可將元素顯示為塊級元素,從而使元素有塊級元素的特點 典型代表:div、h1~h6、p、ul
css基礎知識,日積月累1
border border常用的屬性有4個; 1、寬度:border-width 2、樣式:border-stye dotted(點) dashed(曲線) solid(實線) none(沒邊框) 3、顏色:border-color 4、圓角:border-radius 小
CSS基礎知識2
empty int align import 文件中 lean tex 文檔 nbsp 1 基本規範1.1 文件命名規範基本樣式:base.css全局樣式:global.css框架布局:layout.css字體樣式:font.css鏈接樣式:link.css打印樣式:pri
htm基礎知識,css的鏈入以及標簽分類。
身體 圖片 註意 -- 1.2 oct 默認 通過 一行 <!DocTYPE> DOC--Document 文檔 TYPE 類型 文檔類型 告訴瀏覽器這是什麽文件 單標簽: meta 設置 charset 設置編碼 雙標簽: 開始標簽
html+css基礎知識總結2
一、css簡介 css---層疊樣式表(Cascading Style Sheets) 二、css特點 css實現了結構與表現相分離 三、樣式表的建立 內聯樣式(行間樣式,行內樣式)、內部樣式(嵌入式樣式)、外部樣式 1.內聯樣式 通過style屬性直接將樣式寫在標籤上 <h1 styl
## CSS基礎知識 > CSS層疊樣式表,主要是給頁面編寫樣式的 ### 1.CSS的匯入方式
原 ## CSS基礎知識 > CSS層疊樣式表,主要是給頁面編寫樣式的 ### 1.CSS的匯入方式 - 行內樣式 ``` /* * 行內樣式:通過元素的style屬性設定CSS樣式 * 1
CSS基礎知識結構
css基礎 class tex XML ges run 標記語言 targe aid CSS:Cascading Style Sheets的簡寫,層疊樣式表。 2017-05-20 HTML是網頁頁面的結構、CSS是頁面的布局、JavaScript是頁面的交互行為。 CS
Css 基礎知識(一)
mes 層疊 width 布局 增加 rgb 文本 用法 並集 1、Css概念 CSS 指層疊樣式表 (Cascading Style Sheets)(級聯樣式表),Css是用來美化html標簽的,相當於頁面化妝。 ◆樣式表書寫位置 2、 選擇器 2.1、寫法 選擇器是選
python之 前端HTML/CSS基礎知識學習筆記
引號 編寫 css基礎 通用 浮動 我們 公司地址 將不 多行 1. 文件結構: HTML文件的固定結構: <html> <head>...</head> <body>...&l
CSS基礎知識1
htm 知識 中文 tle 添加 variant 20px 樣式 lin CSS (Cascading Style Sheets) 用於渲染HTML元素標簽的樣式. 1. CSS 可以通過以下方式添加到HTML中:內聯樣式- 在HTML元素中使用"style" 屬性內部樣式
css基礎知識的復習總結(二)
文本 pin zoom clear head 導航 設置 mage 之間 文檔流、浮動、清除浮動、overflow、定位 1.文檔流 css文檔流,標準流是什麽? 元素自上而下,自左而右,塊元素獨占一行,行內元素在一行上顯示,碰到父集元素的邊框換行。
css基礎知識的復習總結(三)
網頁 元素 ati 塊元素 isp 方式 一半 浮動 .cn 1.定位的盒子居中顯示 案例一:(定位的盒子居中顯示) 預期效果 實現步驟: 設置父盒子為相對定位 設置子盒子left值為父盒子寬度一半設置子盒子左邊距為自己寬度一半 總結:margin:0 auto 只能讓在
CSS 基礎知識
text 文件 展示 property 站點 height 基礎 以及 規則 CSS 實例(CSS聲明總是以分號(;)結束,聲明組以大括號({})括起來:) CSS 規則由兩個主要的部分構成:選擇器,以及一條或多條聲明: 選擇器通常是您需要改變樣式的 HTML 元素。 每
CSS基礎知識
meta 使用方法 link chan col shee 指定 機械 特殊 CSS作用: 外觀美化,布局,定位 CSS的幾種選擇器: 1標簽選擇器: <head> <meta charset="UTF-8"> <style>
Servlet基礎知識,ServletContext,ServletConfig對象詳解
比較 下午 查詢 servlet對象 跳轉 目錄 有意 table err Servlet的執行過程: 通過一個簡單的Servlet程序開發,來說明Servlet程序的開發步驟和執行流程 開發Servlet的步驟: 1.1 步驟: 1)編寫java類,繼承HttpS
Django-model基礎知識,ORM,表操作
all queryset keyword you iat user courier api ppi Django-model基礎 知識預覽 ORM 創建表(建立模型) 添加表記錄 查詢表記錄 修改表記錄 刪除表記錄 回到頂部 ORM 映射關系: 表
整理Java基礎知識--數組2
long strong [1] object sta 結果 排列 二維 範圍 數組作為函數的參數數組作為函數的返回值 class A{ public static int[] backarr(int[] arr){ int[] resultarr =
css基礎知識總結
按順序 position AD 頁面滾動 背景 attr 布局 背景圖 head CSS 的使用 內聯(inline style attribute) <head> 標簽內的 <style> 標簽 <link> 標簽中的
CSS基礎知識總結之css樣式引用的三種方式
基礎 通過 基礎知識 set nbsp 知識總結 引用關系 元素 type 在html中增加css樣式有三種: 1.在標簽中增加style屬性: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.o
HTML第一課——基礎知識普及【2】
成績 eqv apt awr .com UC S4B 搜索引擎 dib 關註公眾號:自動化測試實戰 img標簽 我們先看一下文檔結構: 這裏我們文件當前位置就是lesson.html,所以現在我們img屬性src給的值要進入imgs文件夾,所以我們可以用相