html+css知识点总结

芊芊前前端端 -
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="./ ../"    绝对路径href="http://ip:端口号/项目/文件"
    经典应用:锚点  定义锚点 链接锚点
             定义要跳转到的位置:<div id="顶部">找我找我</div>
             给一个跳转按钮  也就是触发跳转的按钮  <button><a href="#顶部">返回顶部</a></button>
target:定义点击后页面加载的位置    

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

假链接格式

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

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

非常之细致。。。

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

image.png

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

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

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

放百度网盘了

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

特别申明:本文内容来源网络,版权归原作者所有,如有侵权请立即与我们联系(cy198701067573@163.com),我们将及时处理。
下一篇: TypeOrm 软删除

Tags 标签

csshtml5html

扩展阅读

加个好友,技术交流

1628738909466805.jpg