HTML+CSS基础总结

2017-09-13 20:44:29来源:CSDN作者:qq_15349005人点击

分享
一、HTML总结---为文本增加语义1.html是纯文本语言,只有内容没有样式,其标签为文本添加语2.HTML骨架:3.DTD文档类型声明Doc Type Declaration一共有7DTD3HTML4.01的,3XHTML1.0的,1HTML5的(HTML5我们后面专门的课程学习)。三个小种: strict(更为严格,不能用ubi标签)、transitional(不怎么严格)、framesetXHTML总体上要比HTML严格,比如必须是小写字母标签等等。4.关于数据集,软件中写的类型要和保存的一致,否则会出现乱码。常用的有两种:UTF-8和gb2312,如果是中文网站,追求显示速度,一般选用gb2312,如果是各种国家的语言,需要用UTF-8,其包含所有的字符。5.关于搜索引擎优化(SEO),可利用meta的Keywords、Description以及title的设置来优化。6.标签类型:可分为双标签和单标签,也可分为容器级标签和文本级标签7.路径问题:相对路径、绝对路径8.标签:h标签p、span标签img标签a标签:title悬停文本 ul/ol、li标签:ul/ol里面只能放li,li里面可放任意元素dl、dt/dd:定义列表divtable标签表单:所有表单内容都写在<form></form>中二、CSS总结1.前端三层---HTML、CSS、JS2.主要部分选择器,怎么选;属性,规定样式。3.选择器---基础选择器、高级选择器、属性选择器、伪类选择器、伪元素选择器标签选择器、id选择器、class选择器后代选择器、交集选择器、分组选择器、通配符*子代选择器、序列选择器、相邻兄弟选择器伪类选择器、伪元素选择器4.CSS三大特征--特殊性、继承、层叠按权重、来源、特殊性和顺序排序重点是权重的计算,先看有没有选中,选中比权重,没选中比远近5.盒模型--width、height、padding、border6.文档流--块级元素和行内元素行内元素与块级元素相互转换脱标方法:浮动、绝对定位、固定定位7.浮动---性质(1)浮动的元素脱标(2)浮动的元素互相贴靠(3)浮动的元素有“字围”效果(4)浮动的元素如果不设置width,将自动收缩为文字宽度8.清除浮动--5种方法9.margin---标准流中叠加,非标准流中相加;居中显示;兄弟与兄弟之间的距离10.垂直居中--单行文本垂直居中11.超链接的美化--伪类12.background系列属性background-color:red;background-image:url(1.jpg);background-repeat:no-repeat; background-position:100px 100px;background-attachment:fixed;13.定位相对定位绝对定位固定定位14.z-index



最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台