- 一、Web工作原理
- 二、URL的格式与各组成部分的作用
- 三、HTML、CSS、Javascript在网页设计中的作用
- 四、一个html文档应包含的基本标签
- 五、绝对路径与相对路径
- 六、CSS的定义位置
- 七、ID选择器与类选择器的异同
- 八、css的继承性
- 九、css盒模型
- 十、css列表样式
- 十一、css常用列表属性:
1.用户在浏览器中输入要访问的web站点地址或在已打开的站点点击超链接。
2.由DNS进行域名解析,找到服务器的IP地址,向该地址指向的web服务器发出请求。
3.web服务器根据请求将URL地址转换为页面所在的服务器上的文件全名,查找相应文件。
4.若URL指向静态文件,则服务器将文件通过http协议传输给用户浏览器;若HTML文档中嵌入了ASP,PHP,JSP等程序,则由服务器直接运行后返回给用户;
如果web服务器所运行程序包含对数据库的访问,服务器会将查询指令发送给数据库服务器,对数据库执行查询操作,查询结果由数据库返回给web服务器,再由web服务器将结果嵌入页面,并以html格式发送给浏览器。
5.浏览器解释html文档,在客户端屏幕上展示结果
URL一般由四个部分组成:
协议/模式(protocol)
主机/地址(hostname)
端口(port)
路径(path)
协议:指定使用的传输协议
主机:是指存放资源的服务器的域名系统(DNS) 主机名或 IP 地址
端口:整数,可选,省略时使用方案的默认端口,各种传输协议都有默认的端口号,如http的默认端口为80。如果输入时省略,则使用默认端口号
路径:由零或多个“/”符号隔开的字符串,一般用来表示主机上的一个目录或文件地址
HTML(架构):超文本标记语言,是一个网站页面的主要内容和主体框架。
CSS(样式):层叠样式表,主要用来控制调整网页的样式,它与网页的结构和内容没有关系,仅仅是通过不同语义的标签来调整网页内容的不同表现样式。
Javascript(行为):脚本语言,主要负责网页的各式各样的动态功能,因此可以为用户提供更流畅美观的页面浏览效果,以及添加页面交互行为,给用户更好的视觉和使用体验。
最少应该有三个(对)标签
1.… ——文件开始与结束的标记
2.… ——文件头开始与结束的标记
3.… ——文件体开始与结束的标记
绝对路径:绝对路径是指文件在硬盘上真正存在的路径,可以使用“”或“/”字符作为目录的分隔字符,但通常有很多限制,如只能在自己的主机运行。
相对路径:相对路径是相对于自己的目标文件位置,使用“/”字符作为目录的分隔字符,常使用“…/”(2个·,csdn有问题)来表示上一级目录,泛用性更广。
1.内嵌样式:在html标签中加入style属性。
2.内部样式表:虽然可以写在任何地方,但是通常写在head中,方便优先读取。
3.引入外部样式表:新建一个.css文件并由link引入
相同点:可以应用于任何元素。
不同点:
1.在一个HTML文档中,ID选择器只能使用一次,而类选择器可以使用多次。
2.可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的。
给父级设置一些属性,子级继承了父级的该属性,这就是css中的继承,继承是一种规则,它允许样式不仅应用于特定的html标签元素,而且应用于其后代元素。
九、css盒模型所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素
Margin(外边距) - 清除边框外的区域,外边距是透明的。
Border(边框) - 围绕在内边距和内容外的边框。
Padding(内边距) - 清除内容周围的区域,内边距是透明的。
Content(内容) - 盒子的内容,显示文本和图像。
在 HTML 中,列表主要有两种类型:
无序列表
-
列表项用的是项目符号标记
有序列表- 列表项用的是数字或字母标记
而css中列表属性可以:
为有序列表设置不同的列表项标记
为无序列表设置不同的列表项标记
将图像设置为列表项标记
为列表和列表项添加背景色
1.list-style-type 属性指定列表项标记的类型
2.list-style-image 属性将图像指定为列表项标记
3.list-style-position 属性指定列表项标记(项目符号)的位置
4.list-style-type:none 属性用于删除标记/项目符号



