栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

2021-11-12

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

2021-11-12

前端笔记
  • 一、Web工作原理
  • 二、URL的格式与各组成部分的作用
    • 三、HTML、CSS、Javascript在网页设计中的作用
  • 四、一个html文档应包含的基本标签
    • 五、绝对路径与相对路径
    • 六、CSS的定义位置
    • 七、ID选择器与类选择器的异同
    • 八、css的继承性
    • 九、css盒模型
    • 十、css列表样式
    • 十一、css常用列表属性:

一、Web工作原理

1.用户在浏览器中输入要访问的web站点地址或在已打开的站点点击超链接。
2.由DNS进行域名解析,找到服务器的IP地址,向该地址指向的web服务器发出请求。
3.web服务器根据请求将URL地址转换为页面所在的服务器上的文件全名,查找相应文件。
4.若URL指向静态文件,则服务器将文件通过http协议传输给用户浏览器;若HTML文档中嵌入了ASP,PHP,JSP等程序,则由服务器直接运行后返回给用户;
如果web服务器所运行程序包含对数据库的访问,服务器会将查询指令发送给数据库服务器,对数据库执行查询操作,查询结果由数据库返回给web服务器,再由web服务器将结果嵌入页面,并以html格式发送给浏览器。
5.浏览器解释html文档,在客户端屏幕上展示结果

二、URL的格式与各组成部分的作用

URL一般由四个部分组成:

协议/模式(protocol)
主机/地址(hostname)
端口(port)
路径(path)
协议:指定使用的传输协议
主机:是指存放资源的服务器的域名系统(DNS) 主机名或 IP 地址
端口:整数,可选,省略时使用方案的默认端口,各种传输协议都有默认的端口号,如http的默认端口为80。如果输入时省略,则使用默认端口号
路径:由零或多个“/”符号隔开的字符串,一般用来表示主机上的一个目录或文件地址

三、HTML、CSS、Javascript在网页设计中的作用

HTML(架构):超文本标记语言,是一个网站页面的主要内容和主体框架。
CSS(样式):层叠样式表,主要用来控制调整网页的样式,它与网页的结构和内容没有关系,仅仅是通过不同语义的标签来调整网页内容的不同表现样式。
Javascript(行为):脚本语言,主要负责网页的各式各样的动态功能,因此可以为用户提供更流畅美观的页面浏览效果,以及添加页面交互行为,给用户更好的视觉和使用体验。

四、一个html文档应包含的基本标签

最少应该有三个(对)标签

1.… ——文件开始与结束的标记
2.… ——文件头开始与结束的标记
3.… ——文件体开始与结束的标记

五、绝对路径与相对路径

绝对路径:绝对路径是指文件在硬盘上真正存在的路径,可以使用“”或“/”字符作为目录的分隔字符,但通常有很多限制,如只能在自己的主机运行。
相对路径:相对路径是相对于自己的目标文件位置,使用“/”字符作为目录的分隔字符,常使用“…/”(2个·,csdn有问题)来表示上一级目录,泛用性更广。

六、CSS的定义位置

1.内嵌样式:在html标签中加入style属性。
2.内部样式表:虽然可以写在任何地方,但是通常写在head中,方便优先读取。
3.引入外部样式表:新建一个.css文件并由link引入

七、ID选择器与类选择器的异同

相同点:可以应用于任何元素。
不同点:
1.在一个HTML文档中,ID选择器只能使用一次,而类选择器可以使用多次。
2.可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的。

八、css的继承性

给父级设置一些属性,子级继承了父级的该属性,这就是css中的继承,继承是一种规则,它允许样式不仅应用于特定的html标签元素,而且应用于其后代元素。

九、css盒模型

所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素

Margin(外边距) - 清除边框外的区域,外边距是透明的。
Border(边框) - 围绕在内边距和内容外的边框。
Padding(内边距) - 清除内容周围的区域,内边距是透明的。
Content(内容) - 盒子的内容,显示文本和图像。

十、css列表样式

在 HTML 中,列表主要有两种类型:
无序列表

  • 列表项用的是项目符号标记
    有序列表
    1. 列表项用的是数字或字母标记

而css中列表属性可以:
为有序列表设置不同的列表项标记
为无序列表设置不同的列表项标记
将图像设置为列表项标记
为列表和列表项添加背景色

十一、css常用列表属性:

1.list-style-type 属性指定列表项标记的类型
2.list-style-image 属性将图像指定为列表项标记
3.list-style-position 属性指定列表项标记(项目符号)的位置
4.list-style-type:none 属性用于删除标记/项目符号

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/510710.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号