html+css知识点总结
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="https://www.it610.com/article/ ../"绝对路径href="http://ip:端口号/项目/文件"
经典应用：锚点定义锚点 链接锚点
定义要跳转到的位置：找我找我
给一个跳转按钮也就是触发跳转的按钮
target：定义点击后页面加载的位置_self在本窗口打开
_blank在其他窗口打开链接假链接格式返回顶部img：放图片
src放图片地址
width图片高度
height 图片宽度
alt 图片加载时出现问题是给用户展现的内容
title 鼠标悬停时的提示文字
非常之细致。。。
文章图片
还给我们讲了一道很重要的面试题，很可能会问。。。
文章图片
面试题
块级元素和行内的区别是什么？
答：块级元素独占一行行内元素共享一行
块级可以直接设置宽高，行内不可用直接设置宽高（但是可以通过设定display：
inline-block来变成块级元素，随即可以设置宽高）
特殊的行内元素 img,input可以设置宽高
块级元素可以包含块级和行内行内只能包含行内悄悄的问一句，把主讲老师的笔记放上来应该没得事吧！！
放百度网盘了
链接：https://pan.baidu.com/s/17Fna...
提取码：2o21
文章图片
【html+css知识点总结】
文章图片
推荐阅读
- 7.9号工作总结～司硕
- 小学英语必考的10个知识点归纳，复习必备！
- 最有效的时间管理工具（赢效率手册和总结笔记）
- 数据库总结语句
- 周总结|周总结 感悟
- 周总结43
- 参加【21天写作挑战赛】，第七期第14天，挑战感受小总结
- 第二阶段day1总结
- 新梦想91期特训班两天一晚学习感想及总结（学生（魏森林））
- 周总结（10.5-10.11)