HTML-CSS1

内容分享1个月前发布
0 0 0

html转义字符:

           <                             &lt;

            >                            &gt;

            空格                       &nbsp

             &                           &amp;

 列表:

             ul                          无序列表

             ol                          有序列表

             dl                          自定义列表

表格(table):

         包含:

            thead                     表格头部

            tbody                     表格主体

            tfoot                       表格尾部

            tr                            单元行

            th                           表头单元格

            td                            单元格

        属性:

            border                                  边框粗细

            cellpadding                          单元格内边距大小

            cellspacing                          单元格外边距大小

            colspan                                横向合并

            rowspan                               竖向合并

表单:

            abel                                       标签 语义化标签

   input:

       属性值:

             text                                          普通输入框

             password                                 密码输入框

             number                                         数字框

             image                                        自定义按钮

             radio                                              单选框

             checkbox                                       多选框

             range                                               滑杆

     以下了解:

              file                                                  上传框

              color                                            颜色选择框

              url                                                网址输入框

              tel                                                手机号输入框

           属性:

                placeholder                              预输入内容

                value                                        设置当前输入框里的内容

                maxlength                                限制输入框输入的最大长度

                minlength                                 限制输入框输入的最小长度

            数字框 (number)

                         max                                  最大值

                         min                                   最小值

            下拉框 (sekect)

                          optgroup                        代表一个大选项

                          option                             代表大选项下的小选项

                   属性:

                           label                              属性值是大标题的文本

                          selected                         默认选择


css常用文本样式

     color                       文字颜色                取值分为三种:1.英文    2.rgb  3.十六进制

     font-size                  字体大小                取值:一般分为像素值

     font-weight             字体粗细                取值:数字取值  100-900(整百数);

                                                                               normal  正常的字体相当于数值400

                                                                               bold  粗体,相当于数值700

                                                                               bolder  定义比继承值更重的值

                                                                               lighter  定义比继承值更轻的值

       font-style                   字体样式                取值:normal 正常字体;italic  倾斜字体

       font-family                  字体设置                取值:值为各种字体的名字

        text-align                    居中方式                取值:left  居左;

                                                                                    center  居中;

                                                                                    right  居右

        text-decoration              文本装饰线            取值:underline  下划线;

                                                                                       line-through  删除线;

                                                                                       none  没有

         text-indent                     文本缩进                取值:一般使用em,em可以自动

                                                                                        判断多少px像素,1em是

                                                                                        1个文字格

         letter-spacing                   字间距                    取值:px或者em

         word-spacing                   词间距                    取值:px或者em  

                                                                                 注意:需要在词的两边加上

                                                                                            空格才会生效

         line-height               行间距             自定义字体库:1.第一下载对应的字体库                                                                                                                                      文件

                                                                                            2.把文件放到html文件的

                                                                                                目录结构中

                                                                                             3.css当中使用@font-face

                                                                                                 关键字来设定其中的

                                                                                                 font-family和src

                                                                                            4.如果某个标签要使用自

                                                                                              定义字体库,则使用

                                                                                              font-family属性即可


css三大特性

1.层叠性:如果权重值一样,那么就会按照顺序来执行最后一个样式,这就是层叠性。

2.继承性:a:给父类设置的一些属性,子元素可以继承这些属性。

                  b:有些属性是没有继承性的,判断一个元素是否有继承性,则需

                        要查看文档和测试。列如:颜色,字体,文本有继承性;

                        大小,内外距,浮动,定位没有继承性。

3.优先级:a:css权重值,权重值大优先级越大,权重值越小优先级越小。

                  b:权重值:i:!inportant 无穷大

                                           行内样式    1000

                                           id选择器    0100

                                           calss选择器,伪类,属性选择器  0010

                                           标签选择器和伪选择器    0001

                                         通用选择器(*),子选择器(>),包含选择器,相邻选择器(+)等

                                          选择器不在等级之内0000

                                     ii:权重值可以想加,但不可以进位。


定位 position

相对定位 relative               i .相对定位是以自身的位置来参考位移

                                         ii.相对定位的元素不脱离文档流(就是原来的位置不会被

                                         占用)(还是遵循流式布局,从左往右,从上到下的排列

                                          方式)

                                        iii.通过left top right bottom 来进行位移。

绝对定位 absolute            i.绝对定位的移动参考元素是带有定位的父元素,如果找不

                                           到有定位的父元素,则一直向上找,直至body/html/浏览

                                            器窗口,当成参考元素

                                           ii.绝对定位会脱离文档流,原有的位置会被后面的元素取代,

                                            不遵循流式布局。

                                           iii.通过left top right bottom 来进行位移

静态定位 static                   i.没有使用过定位的元素就是静态定位的状态,也就

                                            是默认状态。

                                           ii.静态定位不脱离文档流,而且四个方向的位移也不能使用,

                                             使用也是无效。

固定定位 fixed                        i.将元素固定到视窗某个位置

                                              ii.固定定位脱离文档流

                                             iii.如果不设置宽度,宽度就是内容的宽度

                                            iiii.通过left top right bottom 来进行位移

粘性定位 sticky                     i.当用户滚动时,在相对定位和固定定位来回切换,

                                              在达到某个值的时候,就会固定到屏幕上。

                                            ii.通过 top bottom 来进行判断

定位的层级关系                  i.如果碰到两个定位浮起的元素,则有可能自己的那

                                            一个元素在后面被遮住,如果想要让这个元素在最

                                           上面则需要用z-index

                                            ii.   z-index             值:        数字,数字越大层级越高

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
none
暂无评论...