视频网站大杂烩--HTML+CSS练手项目1【Frameset】
发布日期:2022-03-11 15:03:29 浏览次数:11 分类:技术文章

本文共 1456 字,大约阅读时间需要 4 分钟。

【本文为原创,转载请注明出处】

技术【CSS+HTML】   布局【Frameset】

------------------------------------------------------------------------------------------------------------

步骤1  Frameset 布局

    
视频网站大杂烩
index.html
    
video
list.html
    
video
video.html

步骤2 CSS样式【大小、位置、颜色、图片】

css要求:左边导航栏列表居中,颜色,字体大小

*{
margin:0px; padding: 0px;}body{
background-color: #f1f1f1;}ul{ /* 消除有序列表的项目符号 list-style-type:none; */ list-style-type:none;}li{
width: 100%; height: 40px; line-height:40px;;}li a{
text-decoration: none; display: block; text-align: center; font-size: 18px; font-family: "Book Antiqua"; color: #000;}li a:hover{
background-color: #555; color: #FFFFFF;}.list-homepage{
background-color: #4CAF50; color: white;}/* 消除有序列表的项目符号 list-style-type:none; *//*
  • 里面的内容居中:display: block; text-align: center;*/
  • list.css

    步骤4 知识点整理

    1.消除有序列表的项目符号   list-style-type:none; 

    2.<li>里面的<a>内容居中:display: block; text-align: center;

    3.垂直导航栏【未整理

    4.调用网页适应frame大小  【未整理

    ------------------------------------------------------------------------------------------------------------

    【完整代码链接:还未上传,可私聊我】

    【不足之处望指出,一起努力学习前端】

    转载于:https://www.cnblogs.com/Caixingmin/p/11144668.html

    转载地址:https://blog.csdn.net/weixin_30267785/article/details/99121265 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

    上一篇:四轴--源码分析--001
    下一篇:Java基础——枚举详解

    发表评论

    最新留言

    网站不错 人气很旺了 加油
    [***.192.178.218]2024年03月16日 07时20分44秒

    关于作者

        喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
    -- 愿君每日到此一游!

    推荐文章

    mysql返回第n个值_获取mysql一组数据中的第N大的值 2019-04-21
    java 获取请求的路径_JavaWeb-request获取请求路径的相关方法 2019-04-21
    java 适应边框_带边框自适应宽度100%的解决办法 2019-04-21
    router vue 页签文字_记一次基于vue的spa多页签实践经验 2019-04-21
    估计的商是什么意思_商是什么意思,商的繁体字,商有几笔,商字几画 2019-04-21
    java泛型改进_编写高质量代码:改善Java程序的151个建议(第7章:泛型和反射___建议93~97)... 2019-04-21
    java读文件几种方式_JAVA读取文件的几种方式 2019-04-21
    java arraylist常用方法_C#中数组、ArrayList、List、Dictionary的用法与区别浅析(存取数据)... 2019-04-21
    如何实现java文档注释_JavaDoc注释与帮助说明文档 2019-04-21
    Java一亿电话号码去重_20 亿个数字在 4G 内存中如何去重排序:快来试一试 BitMap... 2019-04-21
    java判断ipv6地址类型_IPv6地址类型与格式 2019-04-21
    linux java jdk_linux安装JDK 2019-04-21
    java的showcase_java – 如何在Eclipse中导入ShowcaseView? 2019-04-21
    JAVA中math的作用_Java中Random 和 Math 的概述及使用(二十六) 2019-04-21
    mysql排序rank_MySQL_实现组内排序-Oracle中的rank()函数的功能 2019-04-21
    vim自定义html,html - 寻找一种使用VIM在HTML中直接生成漂亮代码段的方法 - 堆栈内存溢出... 2019-04-21
    python时间序列因果检验_用python做时间序列预测八:Granger causality test(格兰杰因果检验)... 2019-04-21
    python numpy 函数详解_python使用numpy中的size()函数实例用法详解 2019-04-21
    java spring上传文件_Java Spring文件上传,Java文件上传,Java通用文件上传 2019-04-21
    linux 模拟键盘输入到进程,Linux 下模拟键盘输入 2019-04-21