发表于: 2019-06-11 09:46:23
1 856
昨天开始重新学习,先在师兄的建议下,下载了vscode,这个软件下载插件和使用都比较方便。
随后在千古壹号的博客详细学习了html的标签,首先是列表标签,无序标签ul,有序标签ol,定义列表dl,其中ul和ol里面的相都是li,而且li是个容器级标签,就是什么都能放,包括ul和ol,但是dl里只能放dt和dd,其中dt必须有(类似一篇文章必须有标题),dd可以没有(可以交白卷)。而且dt和dd只能在dl里面。dd相当于dt的形容词,一个dt可以有多个dd。dt和dd也都是容器级,但是此时不能放dl,因为前面说了dt和dd只能在dl里面。
- 其次是表格标签table,table里面是按行tr分的,tr里面是按列td分的,而不是table里面按行和列分,tr要比td分级大。table还有各种属性,例如宽度,高度,边框颜色,表格的对齐方式(不是内容的对齐方式)等属性。tr也有高度,这一行的格子背景颜色,内容左右的分布和上下的分布。td的属性比tr多了一个背景图片。还可以给表格添加thead,tbody,tfoot(头,身子,脚)来规定表格的排列顺序,不加的话会默认代码写的顺序,加了的话可以使浏览器加载的时候先加载头,然后显示出来,再加载身子,这样,不加的话需要把这个表格的所有代码都加载才会显示出来。
- 然后是框架的集合framsest。这个不能写在body里面,因为body只是一个页面,framsest里面有多个页面,里面需要使用框架frame。内嵌框架iframe则可以在body里面,他会在一个页面里面占用一部分空间来显示另一个页面,可以用超链接进入和切换。
- 接下来是表单标签form,先是输入标签input,里面有文本标签,密码标签,各种按钮标签,名称标签,默认内容标签,显示长度标签,只读标签等。
- 然后是select下拉标签,select里会有多个选项标签option,可以在select里添加多选标签multiple进行多选。
接下来是学习了css的属性和样式表,要啥属性就百度啥,样式表分三类,一个是行内样式,只针对单个标签进行属性定义。第二个是内嵌样式,在head标签里添加style标签进行属性定义,对多个标签进行属性修改,不能进行局部修改。第三个是引入外部样式表,此时可以使用link或者import,这个import使用的话需要在html的head里面放在style标签的第一句。
再然后是css的选择器,基础的是1.标签选择器,也就是某种标签共有的属性。2.id选择器,用#定义并且只能用一次。3.类选择器,用.定义,一个标签可以使用多个类选择器,中间用空格隔开,一个类选择器也能被多个标签使用。4.通配选择器,用*定义,会给所有标签匹配,经常会造成卡顿,不建议用。
还学习了css的高级选择器,1.交集选择器,用.隔开标签,只有同时满足所有标签的时候才起效。2.后代选择器,用空格隔开,此时只要是空格隔开的,哪怕不相连也是都有第一个标签的属性的。3.并集选择器,用逗号,隔开,此时只要标签属于其中一个,就能够应用其属性。
经过学习知道了html的各种标签及使用方式,css的作用和使用方式,将html的属性单独放在css里,多次重复使用节省时间空间。接下来学习css的盒子模型和float的作用,并且在vscode中应用
评论