常用的csss属性

常用的csss属性-内容概要

• 文字

• 字体

• 背景

• 边框          

1.   字体属性

               属性名称                               属性值                                          说明

           font-family                              字体                                              修改文字字体

           font-color                               px/cm/%                                       修改文字大小

           font-style                               normal（正常）                             字体风格

                                                          italic（斜体）                                 

           font-weight                           normal（正常）                             字体加粗

                                                         bold（加粗）

     2.  文本属性

                属性名称                                 属性值                                     说明

              letter-spacing                          长度                                        字母间隔，如许使用复制

              Word-spacing                          长度                                        文字间隔

              text-decoration                        underline（下划线）              文本修饰

                                                               overline（上划线）

                                                                line-through（删除线）

                                                                none（无）

              text-align                                   left（左对齐）                        文本对齐方式

                                                                center（居中）

                                                                right（右对齐）

                                                                 justify（两端对齐）

              text-indent                               长度或者百分比                     文本缩进，若为百分比那么视父级元素的宽度的决定

               text-height                                长度或者百分比                     行高

 

      3.   背景属性

                  属性名称                             属性值                                              说明

               background-color             英文单词/rgb/十六进制                        设置背景颜色

               background-image           图片URL                                               设置背景图片

               background-repeat           repeat（平铺）                                    背景重复设定

                                                         repeat-x（横向平铺）

                                                         repeat-y（纵向平铺）

                                                         no-repeat（不平铺）

              background-attachment     scroll（滚动）                                     背景是否跟随滚动条滚动

              background-position            top

                                                            bottom

                                                            center

                                                            left

                                                            right

 

       4.  边框属性

                 属性名称                                属性值                                                说明

             border-color                            英文字母/rgb/十六进制                        边框颜色

             border-width                           像素                                                     边框宽度

             border-right                             sold（实现）                                       边框样式

                                                              dashed（虚线）

                                                              double（双实线）

 

 

 

  注： 以缩进方式写上，下，左，右边框单独css样式设置方式

                   1：1px黑色虚线上边框

                                     border-top：        1px dashed #000

                   2:1px黑色实线下边框

                                     border-bottom：    1px  solid #000

                   3:1px黑色虚线左边框

                                     border-left：  1px dashed #000

转载于:https://my.oschina.net/u/3455963/blog/898759