html css 的知识概述
Html
html不是不是一种编程语言，而是一种超文本标记语言，标签通常用<>包围,以</>结尾，而且通常都是成对出现的。比如：<html></html>
html内容主要分为三部分，<html>,<head>,<body>.而只有<body>内的内容才会显示在页面中，想在页面显示什么东西，就在<body>中设置内容，以及标签和想要呈现的各个属性。而<heml>是整个文档的生成条件，全部必须由它包围。<head>是文档的头，不会在页面显示。
html 里面会用到很多标签，比如 标题<h>;段落文本<p>;无序列表<ul>;有序列表<ol>;超链接<a>;等等。需要灵活运用这些标签，以及其属性，就能掌握html的操作。
还有一些属性的命令，需要哪些指令或页面显示效果，就需要有准确的操作命令，比如字体的操作font-size、font-family、font-weight等等、还有需要一些页面布局，就需要用到外边距（margin），内边距（padding）。上（top）、下（bottom）、左（left）、右（right）、宽度（width）、高度（height）等等。
有一个重点，就是<div>的用法。<div>就是一个框，是一个无形的框，但可以给他加背景颜色，边线。在div中写内容，内容就会在框里面，不会到处跑。然后可以设置框的边线，实线（solid）、虚线（dashed）、背景（background）等等。如果不设置位置，页面布局就会从上到下接着，因为div是块级元素，是独占一行的，所以，如需想放在右边，就可以调节div的宽度，然后设置左飘（flat-left）。
html还有一些属性，比如属性名称必须小写，属性值必须加“”，属性不能简写等，还可用id属性代替name，
如需在html当中插入图片，就应该先将图片存放在操作系统中，否则换一台电脑登陆网页就显示不出来，<img src="xx">,其中“xx”是指图片路径及名称，必须准确，否则系统是找不到的。
如标记语言写完成后，可直接按alt+F2，选择浏览器进行浏览，看看哪里不对，在对应地方找出错误并修改。有时候，只是一个单词或标点有错，网页就会显示不出来。所以，不管哪一步都必须要仔细。
CSS
css是在html操作上进行了一些简化和归纳，可以更好的提高工作效率。
先在<body>总写一些需要在页面中显示的东西，然后再<head>里面进行它的属性和指令的一些操作。需要在上面建一个标签<style>，所有的指令都在<style>里面书写。所有指令需认准它属于哪一个标签，然后再对标签进行具体操作。比如，下面的内容在<div>里，上面就要找到它的位置，然后用div{}，然后指令全部写在{}里面，电脑就能识别出来指令的内容和位置。
在css中还加入了id，class等一些快速的识别操作。如给内容加一个id=“a”，上面就可以直接写#a{}，就可以对id所在的区域进行命令。还有class=“q”，上面就直接是.q{}就可以了。注意的是id选择器只能在每个html文档中出现一次，否则电脑无法判断你需要的是哪一个。
还有css3，就是在css中加入了一些立体，动画，阴影，过渡等效果，使页面看起来会更加炫目，内容更加精彩。比如圆角边框（n-radius）、阴影效果（box-shadow），
用@font-face可以设置艺术字体，但首先需要上传一个需要的字体包。上传在font-family中，然后下面就可以直接应用所上传的字体。还有图像的旋转效果（transform-rotate（xx）），选择的度数deg用作单位。需要选择效果，就需要设置div的选择度数和旋转时间。
还有可以使用animation来设置动画效果。创建动画就需要@keyframes规则，用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。在 @keyframes 中创建动画时，需要把它捆绑到某个选择器，否则不会产生动画效果。还需要规定只是两项的动画属性，如动画的名称，动画的时长等。
还有一些动画显示属性，比如匀速前进（linear）、无限循环（infinite）、透明度（opacity）、慢速开始，慢速结尾（ease-in-out）等。
还有就是要懂得相对定位（relative）、绝对定位（absolute）的意义。相对定位就是：所选择的元素无论是否移动，元素仍然占据着原来的空间。而绝对定位：就是元素移动，之前的位置就空了，之前的位置就会被其他元素补上去。掌握了这两个，对于页面布局就不会那么困难了。
浙公网安备 33010602011771号