日常css常用樣式

本文總結日常開發中26個css實現方法，如有遺漏或補充，還請指正！

解決inline-block元素設定overflow:hidden屬性導致相鄰行內元素向下偏移

.wrap 

// 單行文字

.wrap 
// 多行文字
.wrap 

//不換行

.wrap 
//自動換行
.wrap 
//強制換行
.wrap 

.wrap 

// 單列展示時

.wrap 
// 多列展示時
.wrap 

.wrap 

.wrap 

.wrap 

.wrap 

img 

p   // 將所有字母變成大寫字母

p // 將所有字母變成小寫字母
p // 首字母大寫
p // 將字型變成小型的大寫字母

.wrap 

.wrap 

overflow-y: scroll;

整個滾動條
::-webkit-scrollbar 
滾動條的軌道
::-webkit-scrollbar-track 
滾動條的滑塊
::-webkit-scrollbar-thumb 
web前端開發學習q-q-u-n： 731771211，分享學習的方法和需要注意的小細節，不停更新最新的教程和學習方法

body 

.wrap 

a 

a

a:after

select

select option

input

//webkit核心的瀏覽器 

input::-webkit-input-placeholder 
//firefox版本4-18 
input:-moz-placeholder 
//firefox版本19+
input::-moz-placeholder 
//ie瀏覽器
input:-ms-input-placeholder

// 父元素下的子元素是行內元素

.wrap 
// 若父元素下的子元素是塊級元素
.wrap 

.wrap 

img 
// vertical-align css的屬性vertical-align用來指定行內元素（inline）或**單元格（table-cell）元素的垂直對齊方式。只對行內元素、**單元格元素生效，不能用它垂直對齊塊級元素
// vertical-align：baseline/top/middle/bottom/sub/text-top;

.scale 

.item 
這裡是所有子元素的容器

span 

.wrap

css 常用樣式

css 說的通俗一點就是 給標籤加樣式的。什麼玩意是樣式呢。你們可以理解為人穿的衣服，化妝之類的修飾，讓自己的寫的標籤變的好看一點 那麼這個css 怎麼加到對應的標籤上面去呢 有3種方法 分別是 外部樣式 內頁樣式 行內樣式。那麼這個css 怎麼加到對應的標籤上面去呢 有3種方法 分別是 外部樣式 ...

css常用樣式

格式調整 標籤的位置調整 text align center 絕對元素生成 position absolute margin right 微調上下左右 浮動 float 上下左右 width 寬 height 高 樣式調整 字型粗細 font weight size 字型格式 text decora...

CSS常用樣式

img box imgparentelement childelementfilter alpha opacity 60 filter progid dximagetransform.microsoft.gradient startcolorstr red,endcolorstr blue,grad...