HTML相关知识点(2)

HTML相关知识点(2),第1张

概述   CSS: 字体:           网页默认字体16px;           网站通用字体大小14px           最小是12px,最大无限大           单位换算:1em=16px 选择器:标签选择器:选择页面中所有指定标签,权重为1               通配符选择器:选择所有标签,权重为0,               类名选择器:标签可以有多个类名,可以重复

 

 CSS:

字体:

          网页默认字体16px;

          网站通用字体大小14px

          最小是12px,最大无限大

          单位换算:1em=16px

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

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

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

         

         

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

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

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

        

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

          

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

                  color:red;

                  color:#f00;

                  color:rgba(255,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-wIDth:;//边框的宽度

                      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做不规则图形:

                      

总结

以上是内存溢出为你收集整理的HTML相关知识点(2)全部内容,希望文章能够帮你解决HTML相关知识点(2)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1052085.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-25
下一篇2022-05-25

发表评论

登录后才能评论

评论列表(0条)

    保存