css知识点笔记-常见特性
生活随笔
收集整理的這篇文章主要介紹了
css知识点笔记-常见特性
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
css知識點范圍:常見特性
- 顏色值縮寫:#000000=#000,#336699=#369兩兩重復就能縮寫;
- 字體縮寫:只要縮寫必須要有size和family這兩個屬性,font-size和line-height縮寫時中間加入"/",屬性包括font-style/variant/weight/size/family和line-height;
- 顏色:rgb(a, b, c)。a,b,c可以是0-255之間的整數,也可以為0%-100%的百分數;
- 行內元素居中用text-align : center
- 定寬塊狀元素居中方法:width固定,margin的左右值設置為auto;
- 寬度有自適應特性,根據里面的最長元素定寬;
- 不定款塊狀元素居中方法:外層加個table標簽,塊級元素設置為display : inline行內元素,上層lable用float : left, position : relative, left : 50%,下層原塊級元素用position : relative, left : -50%;
- 隱性改變display類型:當設置為position : absolute或float : left是,元素會變為inline-block類型;
- 高度確定下才可以設置垂直居中;
- 單行元素垂直居中方法:可以設height和line-height相等;
- 垂直居中方法1:外層加入table、tbody、tr、td,設td高度固定,再設置vertical-align : middle就可以了,因為在table里,后者的屬性默認已經被隱式的設置好了;
- 垂直居中方法2:設置塊級元素display為table-cell,再加上vertical-align : middle就可以了。缺點是兼容性不好;
- css注釋:/* */ ,html注釋:<!-- -->
- 透明背景設置方法1:設置opacity(0.x),內部元素也會跟著變透明;
- 透明背景設置方法2:rgba(255, 255, 255, 0.x),最后的參數就是設置透明度的,這個只是背景層透明,不會影響內部元素;
- webkit內核瀏覽器畫圓:-webkit-border-radius : 50%
- 火狐瀏覽器畫圓:-moz-border-radius : 50%
- 華文細黑字體:Verdana
- <font>括起來設置font的屬性,可以直接改字體樣式;
總結
以上是生活随笔為你收集整理的css知识点笔记-常见特性的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: css知识点笔记-常用属性
- 下一篇: JSP知识点笔记-基本技术常识