HTML+css知识总结

1、html+css知识总结页面设计以谷歌扫瞄器的bink内核为主流用法。一个页面的主要组成由结构（html5）表现（css）行为（javascript）组成，今日学习的是以标签和路径为主的html5的内容。lang语言：作用于提醒扫瞄器编译 charset字符：用utf-8为全球通用准没错。骨架标签：html，head，title，body（head与body同级关系，head与title父子关系）排版标签：h1-6类似名目分级，br换行，p段落，hr单行线，div和span没有明确意义，但是一个是一行一个一个是一行多个以后会常常用法文本格式标签：strong加粗，em斜体，del删除线，ins

2、下划线。标签：正常img后必需是src=链接，用来猎取。属性有title显示内容，height与width宽高，alt无法显示显示备注，border边框宽度。链接标签：a标签后必跟herf=x，其中x可以引用外部的链接或者内部链接，内部链接可以分为肯定路径与相对路径。上级路径表达下级路劲表达/，这个上下级是相对的。a标签也可用于描点定位，在h1-6的标题标签里加入id之后，href=可以转跳。base标签：此标签作用在head里面，告诉body内容里面的标签应当全体获得base里的属性预格式化与特别字符：pre标签可以便利的将汉字排版转换为显示效果，但是不利于排版与操作普通不用法。特别字符是&

3、amp;amp;+单词可以代替部分符号，但是在编译时不会编译这些特别字符符号，在显示部分内容时可以优化代码。主要学习的是表格，表单与列表表格是用来显示数据内容的，tabel为表格整体，tr为表格行（没有列的概念），td为行里面的小格子，用法th是可以自动居中和加粗的表头。需要添加表格标题可以用法caption。正常显示出表格轮廓常常用到boeder=1和cellspacing=0，width与height显示出表格大小，align选取位置。为了以后css更便利的美化表格，可以自己分成thead，tbody，tfood的组成方式。需要合并表格时用法colspan与rowspan，两者同时用法可以

4、类似田字效果。表单是用来收集用户内容的，在与后台沟通数据时用法form来让表单成为一个整体去提交。最常用的是input，在填写每一个input的时候请务必添加name便利后台认知其作用。input里面的type打算input的类型，text为文本，password为密码，radio是同name只能选一个，checkbox则是同name可以选多个，button为默认按钮，还有submit的提交和reset的重置。imge插入，file挑选文件。value可以让text文本里面自己显示出想要的文字，但是每次点上去需要自己删除才干再去输入，和我们正常状况不一样后面应当会学到。checked是默认挑选

5、。label为了让用户体验提升可以让鼠标的判定范围更大。testarea主要和input里面text区分在于输入内容容量，学习css之后更便利的美观testarea。select是挑选器，通过option来打算挑选的内容，默认挑选也可以写入selected。在用法时表格和表单常常是一起用法的，表格的表现方式可以让数据更明确，表单则是需要收集数据的功能。列表感觉视频讲解的最少但是实际用起来应当是最多的，无序列表ul与有序列表ol，在我的谷歌扫瞄器里面没有显示出圆点与数字头标，自定义列表理解为多了一层的列表可以带一个标题。正常状况下我每次看到视频里面的综合案例我是自己先写再去看视频，最后看有啥区分

6、的，有时候会有部分不一样。1. ——属于挑选器的一类，在2种元素有相同的父级元素时，element1——element2的挑选，定义为element1 之后浮现的全部 element2的元素所有选中更改样式属性2. 伪元素挑选器del:selection：当你的鼠标滑过时挑选的内容中的属性del:first-lette：一段文字中的第一个单词del:first-line：一段文字中的第一个段落。class:before与。class:after：默认的是行内元素，在一个元素之前和之后添加的内容3. 伪类挑选器fir

7、st-chird：选取父元素中首个子元素last-chird：选取父元素中最后一个的样式nth-chird（）：选取父元素中自定义的挑选，（）添加2n偶数even，2n+1奇数odd，3n3的倍数4.属性挑选器classclass=：全部定义过class中头部带有=之后的单词的类classclass$=：全部定义过class中尾部带有=之后的单词的类classclass*=：全部定义过class中带有=之后的单词的类1. 新标签header：定义头部nav：定义导航栏footer：定义尾部article：定义文章section：定义某一节aside：定义内容侧边2.新属性input的表单属性，

8、比较常用的placeholder：再点击之后挺直消逝预设置的词语autofocus：自动猎取焦点button：文字可以自动居中，语意向的属性multiple：多文件上传required：必填，普通就是我们常遇见的*介绍下tab栏的实现方式，利用纯css去实现点击的tab栏，最为关键的部分为首先对多选的盒子举行躲藏display：block，再去利用target（类似于hover但是这个是点击生效），再显示出来display：block。之后再利用挑选器去更改点击后的样式即可。iframe：挺直引入第三方网站播放，control可以不设置也能操作video：视频引入方式，可以设置是否循环loop，是否自动播放autoplay，重要的是control必需设置不设置不能播放，可以用法默认插件audio：音频引入方式，可以设置是否循环loop，是否自动播放autop