• HTML相关知识点(2)


     CSS:

    字体:

              网页默认字体16px;

              网站通用字体大小14px

              最小是12px,最大无限大

              单位换算:1em=16px

    选择器:标签选择器:选择页面中所有指定标签,权重为1

                  通配符选择器:选择所有标签,权重为0,

                  类名选择器:标签可以有多个类名,可以重复类名,权重为10

             

             

             id选择器:唯一性,一个网页只能出现一次,权重为100

             并集选择器:连接符是逗号。

             后代选择器:连接符是空格。多用于嵌套关系的标签

            

             直接后代选择器:只能选择子集元素,用>符号分隔

              

    文本颜色:color:rgb(255,0,0);

                      color:red;

                      color:#f00;

                      color:rgba(255,0,0,0.5),a是透明度:a的取值范围是0-1

             

    行高:    line-height:当行高和高保持一致的时候,单行文本会上下居中

                   text-align:left,center,right

                   text-indent:文本缩进,单位em 

    伪类:      例:.box :hover{}

                   

    文本修饰: 通常用在a标签上,

                  

               

    !important:权重无限大,不要多用

               

    背景:

              

              

                 

                 

       

                          

                         背景定位:

                         

                         background:url(pa.png) no-repeat 0px 0px;(背景定位的缩写)

                        background-attach:fixed;//背景附着,不让背景图跟着文档流滑动

    盒子:(重点)

                      

                           

                          border-;//边框的宽度

                          border-style:;//边框样式,风格:none:没有边框,soild:单实线,

                                                                              dashed:虚线,double:双实线

                           boreder-color:;//边框颜色

                          border:1px soild  #f00;//边框的简写

                        

                        

                             清除输入框蓝色外边框:

                              

                              

                             精灵图:

                              

                               

                           内边距 padding:20px  30px  40px  50px;

                                                        上    右   下    左

                            外边距:margin:上  右   下  左;

                            margin:0 auto;盒子居中

                            外边距合并:边距会跟着大的走

                            嵌套关系外边距合并:解决方案:1.给父元素的上边添加1px边框或者内边距

                                                              解决方案:  2.给父元素添加overflow:hidden;

             

                         div做不规则图形:

                          

       

    点个赞吧
  • 相关阅读:
    HTML5 实现Link跳线效果
    在TWaver的Tree节点上画线
    用TWaver加载大型游戏场景一例
    22万个木箱!TWaver 3D极限压榨
    如何在MONO 3D寻找最短路路径
    如何创建TWaver 3D的轮廓选中效果
    巧用TWaver 3D 矢量图形功能
    如何实现TWaver 3D颜色渐变
    HDU 1390 Binary Numbers
    HDU 1328 IBM Minus One
  • 原文地址:https://www.cnblogs.com/maleijiejie/p/11235246.html
Copyright © 2020-2023  润新知