腳斷整理 CSS篇之對齊方式

2021-09-19 11:56:43 字數 998 閱讀 5751

控制行內元素和行內塊水平居中

控制的是單行文字的垂直居中

控制的是乙個具體的寬度的塊級元素水平居中

position

: absolute;

left

: 50%;

top: 50%;

margin-left

: -自身寬度的一半;

margin-top

: -自身高度的一半;

控制的乙個絕對定位的元素水平垂直居中

控制背景水平垂直居中

margin-top 或者 padding-top

取值:baseline 基線對齊

top 行高頂線對齊

bottom 行高底線對齊

middle 行高中線對齊

文字文字文字

div>

body

>

html

>

腳斷整理 CSS篇之盒子模型

盒子模型應該屬於模組內容,不過內容較多,單獨開篇 盒子模型 content padding border margin div 這是乙個盒子 div border 簡寫 border border width border style border color 單獨控制單邊邊框 border sty...

css基礎知識整理篇

某個大神整理的面試題 內容 content 填充 padding 邊界 margin 邊框 border content部分把border和padding算進去了1 id選擇器 myid 2 類選擇器 myclassname 3 標籤選擇器 div,h1,p 4 相鄰選擇器 h1 p 5 子選擇器 ...

CSS之布局篇

flex 布局教程 語法篇 阮一峰 flex 布局教程 例項篇 阮一峰 grid網格布局教程 阮一峰 html 中 main部分首先要放在cotent的最前部分。然後是left,right 將三者都 float left 再加上乙個position relative 因為相對定位後面會用到 main...