html+css知识点总结

俺们辅导老师给俺们整理的笔记

web的第一门编程语言是JavaScript

html属于标记语言

html、css、js之间的关系
网页三要素：

html:素颜的脸 网页框架构建  结构
css:化妆的脸  样式设置  表现
js:有表情的脸  用于响应用户操作 事件 动态  行为

html
生成文档结构的快捷方式！或者html:5
注释快捷键： Ctrl + / 注释内容不会显示在网页中只是开发人员的代码理解辅助方式

行内，块级元素

块级：div,p,h1~h6,ol>li,ul>li,dl>dt/dd,文档结构中的元素
特殊的行内元素 img,input  可以设置宽高
特点：独占一行
     宽度默认100%  如果有父元素的话，100%相对父元素而言，如果没得，相对于浏览器视图区而言
     高度有子元素及其内容区决定
     块级可以直接设置宽高
    块级可以包含块级和行内元素
行级：span,a,b,img,strong,i,em,sub,
特点：
    * 与其他行内元素共享一行空间
    * 宽高由自身决定
    * 由于不用来搭建网页结构，所以也无需通过css指定其宽度
    * 行内元素中不可以嵌套块元素
     绝对路径是电脑本机上的路径     
  
     a:链接外部或内部网址 相对路径href="./ ../"    绝对路径href="http://ip:端口号/项目/文件"
    经典应用：锚点  定义锚点 链接锚点
             定义要跳转到的位置：<div id="顶部">找我找我</div>
             给一个跳转按钮  也就是触发跳转的按钮  <button><a href="#顶部">返回顶部</a></button>
target：定义点击后页面加载的位置    

_self  在本窗口打开
_blank  在其他窗口打开链接

假链接格式

<a href="#">返回顶部</a>

img：放图片
   src  放图片地址
   width  图片高度
   height 图片宽度
   alt 图片加载时出现问题是给用户展现的内容
   title 鼠标悬停时的提示文字

非常之细致。。。

还给我们讲了一道很重要的面试题，很可能会问。。。

面试题
块级元素和行内的区别是什么？

答：块级元素独占一行  行内元素共享一行
    块级可以直接设置宽高，行内不可用直接设置宽高（但是可以通过设定display： 
           inline-block来变成块级元素，随即可以设置宽高）
    特殊的行内元素 img,input  可以设置宽高
    块级元素可以包含块级和行内  行内只能包含行内

悄悄的问一句，把主讲老师的笔记放上来应该没得事吧！！

放百度网盘了

链接：https://pan.baidu.com/s/17Fna...
提取码：2o21