正文

前端学习--html&css--框架集

西北野狼  2022-02-08  700

关键词：

框架集和内联框架的作用类似，都是用于在一个页面中引入其他的外部的页面，框架集可以同时引入多个页面，而内联框架只能引入一个，在h5标准中，推荐使用框架集，而不使用内联框架。

使用frameset来创建一个框架集，注意frameset不能和body出现在同一个页面中，所以要使用框架集，页面中就不可以使用body标签。

属性：

rows，指定框架集中的所有的框架，一行一行的排列；
cols，指定框架集中的所有的页面，一列一列的排列。

这两个属性frameset必须选择一个，并且需要在属性中指定每一部分所占的大小。

frameset中也可以再嵌套frameset。

frameset和iframe一样，它里边的内容都不会被搜索引擎所检索，所以如果搜索引擎检索到的页面是一个框架页的话，它是不能去判断里边的内容的，使用框架集则意味着页面中不能有自己的内容，只能引入其他的页面，而我们每单独加载一个页面，浏览器都需要重新发送一次请求，引入几个页面就需要发送几次请求，用户的体验比较差，如果非得用建议使用frameset而不使用iframe。

demo:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <frameset cols="30% , * , 30%">
            <frame src="lesson18.html" />
            <frame src="NavigationBar.html" />
            <frameset rows="30%,50%,*">
                <frame src="RelativePosition.html" />
                <frame src="Table.html" />
                <frame src="ZindexAndOpacity.html" />
            </frameset>
        </frameset>

</html>

效果：

github地址：https://github.com/soyoungboy/htmlCssStudy/blob/master/HelloHBuilder/frameset.html

刻运行下看看实际效果

前端学习~css学习：样式表和选择器

本文主要内容CSS概述CSS和HTML结合的三种方式：行内样式表、内嵌样式表、外部样式表CSS四种基本选择器：标签选择器、类选择器、ID选择器、通用选择器CSS几种扩展选择器：后代选择器、交集选择器、并集选择器CSS样式优先级CSS... 查看详情

前端学习--html&css--层级和透明度

层级如果定位元素的层级是一样，则下边的元素会盖住上边的。通过z-index属性可以用来设置元素的层级，可以为z-index指定一个正整数作为值，该值将会作为当前元素的层级，层级越高，越优先显示。对于没有开启定... 查看详情

前端学习--html&css--条件hack和属性hack

条件Hack语法：<keywords>if条件共包含6种选择方式：是否、大于、大于或等于、小于、小于或等于、非指定版本是否：指定是否IE或IE某个版本。关键字：空大于... 查看详情

web前端学习分哪些阶段？

您好，web前端学习分为8个阶段：阶段1.前端核心基础HTML+_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练阶段3.移... 查看详情

前端学习--html&css--ie6png背景问题

在IE6中对图片格式png24支持度不高，如果使用的图片格式是png24，则会导致透明效果无法正常显示解决方法： 1.可以使用png8来代替png24，即可解决问题，但是使用png8代替png24以后，图片的清晰图会有所下降； 2.使用JavaScript... 查看详情

学习web前端开发，需要掌握哪些知识

...（AJAX、浏览器缓存、JS对象高级、ES6、JQuery）第四阶段：前端主流框架（前端工程化、AugularJS、VueJS、ReactNative、微信小程序）参考技术A您好，学习web前端开发需要掌握的有8个阶段：阶段1.前端核心基础HTML+_CSS核心、JavaScript基础... 查看详情

非计算机专业出身，能从事程序员的工作吗？

前端技术现在如此繁杂，我到底应该如何学习。这个话题太大了，几句话回答不好；也由于这个问题确实困扰了很多前端开发人员，所以我也就着手系统的输出这篇文章。入题我们俨然能感受到前端岗位现在已经发展成了最重要... 查看详情

前端学习知识点补充(代码片段)

文章是对之前学习的一些前端基础空白部分的补充所以不是完整的知识体系1HTML|CSSHTML5、CSS31、实体字符 空格<<小于号>>大于号&&¥￥©©×乘号÷除号全局属性：任何... 查看详情

如何学习web前端开发？

您好，学习web前端一定要有方向，推荐你一个web前端的学习方向：阶段1.前端核心基础HTML+_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、CSS3新特性... 查看详情

老前端工程师现身说法，2021web前端开发学习路线图

导读：2021Web前端开发学习路线图三大件学习现在每年依旧有很多初级入门的前端开发。所以对初入门的朋友也给出一点意见。刚入门的朋友，我觉得不应该一开始就学习像Vue、TypeScript、Webpack等知识。应该把重点放在CSS&a... 查看详情

前端学习-css

一、CSS介绍　　1、什么是CSS　　CSS（CascadingStyleSheet,层叠样式表）定义如何显示HTML元素，给HTML设置样式，让他更加美观。　　当浏览器读到一个样式表，他就会按照这个样式表来对文档进行格式化（渲染）　　2、CSS语法　　　... 查看详情

前端技术学习路线及技术汇总

下面是简单整理的一些前端的学习路线：第一阶段：HTML+CSS：HTML主要就是网页编辑。包括HTML进阶、CSS进阶、div+css布局、HTML+css整站开发。Javascript语言：JavaScript是web前端中最重要的知识，包括Js基础教程、js内置对象常用方法、... 查看详情

初学者如何迅速学习web前端开发？

学习web前端不怕没哟基础，就怕没有方向，推荐给你web前端学习的路线图：阶段1.前端核心基础HTML+_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、C... 查看详情

web前端的内容多吗？好学不？

您好，web前端的内容主要有8个阶段，web前端是比较好学的，零基础学习web前端都是没有问题的，现在网上有很多web前端的视频，你可以学习。阶段1.前端核心基础HTML+_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScriptDOM和BOM... 查看详情

web前端开发需要学些啥

您好，web前端学习的内容有以下8个阶段：阶段1.前端核心基础HTML+_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练... 查看详情

自学前端，谁有前端学习路线图吗？

...处找学习资料，不过现在有点凌乱，希望哪位大神提供个前端的学习路线图，或者能指点下自学该怎么学。自学web前端你可以根据自己的实际情况看视频，现在培训机构都有web前端的视频，学习web前端就是“三多”多思考、多敲... 查看详情

前端开发，学习哪些技术呢？

前端开发以html,css,js技术为基础。先学习html,css,js，进阶学习框架JQuery,MUI,Vue,ElementUI,Bootstap等。在做项目中不断提升自己。前端开发学习技术图（供参考）： HTML——超文本标记语言，用来定义网页的文档结构CSS—&mda... 查看详情

html5+css3新手怎么学习

　　随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，给大家分享一份web前端学习路线图，希望对初学者有所帮助。Web前端行业的... 查看详情