HTML调用CSS管理、美化div的方法

css布局,关键在于html文件和css文件相对应。在html中,对各p的包含关系作层次分明的设计,然后在css文件中对样式、字体等式进行设计。
简单的html与css布局示意

HTML文件

    

 p_header  

    

        p_views                

 p_views_post  

        

 p_views_auther 

        p_views                

 p_floot  

登录后复制

CSS文件

    .p_body {            background-color: darkcyan;        }    .p_header {            background-color: lightblue;            font-size: 72px;            margin-top: 30px;            padding-left: 30px;        }    .p_views {            background-color: blueviolet;            margin-top: 10px;            padding-left: 30px;            padding-right: 30px;            font-size: 48;        }    .p_views_post {            background-color: aliceblue;        }    .p_views_auther{            background-color: yellowgreen;        }    .p_floot    {            font-size:40px;            background-color: lightblue;            margin-top: 10px;            padding-left: 30px;            padding-right: 30px;        }

登录后复制

以上就是HTML调用CSS管理、美化div的方法的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3195220.html

(0)
上一篇 2025年4月1日 02:23:41
下一篇 2025年4月1日 02:23:47

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS错误日志常见问题有哪些

    javascript 错误日志常见问题主要包括以下几类: 语法错误 拼写错误: 变量名、函数名、方法名等拼写错误。关键字拼写错误。 缺少分号: 虽然 JavaScript 有自动分号插入机制(ASI),但某些情况下仍需手动添加分号以避免意外…

    互联网 2025年4月1日
    100
  • 四种css垂直居中方法

    nbsp;html>        垂直居中     .parent{width: 400px;height: 400px;border:1px solid grey;display: } .children{width: 200px…

    编程技术 2025年4月1日
    100
  • html最新的flex布局的理解

    每当我们去进行前端页面布局时都会用到float、position、margin等一些属性,这些属性用起来略显麻烦,并且浏览器去进行渲染时会大大消耗性能 所以今天我们来谈谈最新的 flex布局,也叫弹性布局! 需要注意的是任何容器都可以指定为…

    编程技术 2025年4月1日
    100
  • HTML网页布局方式有哪些

    HTML三种布局方式总结 1 普通流 又称为常规流,浏览器默认的排版方式。普通流是元素在多数情况下呈现在WEB页面上的方式。所有HTML都在块框(block boxes,块级元素)或者行内框(inline boxes,行内元素)中。当浏览器…

    2025年4月1日
    100
  • html中对页面布局的理解

    做页面前,先分析页面的布局,有几个模块,就用几个p,可以层层嵌套。、 用了p后,进行浮动就不会出现样式错乱 代码大概是这样的(有点繁琐,不过解决了燃眉之急): 登录后复制 将图中两个并排的p样式左浮动(上图是浮动后的效果): 立即学习“前端…

    2025年4月1日
    100
  • html移动端固定悬浮半透明搜索框的实现方法介绍

     question. 问题 在移动端商城系统中,我们常常看到位于页面顶部有一个搜索框,这类搜索框博主比较喜欢的是固定在页面顶部,半透明悬浮,能依稀看见部分轮播图的形式。 要制作这样的搜索框,技术关键在于: fixed 搜索框定位 opaci…

    2025年4月1日
    100
  • html中适合新手的小练习分享

    第1题 考察title标签 出现在>里面,表示页面的标题。直观上,我们可以在浏览器的标题栏(标签栏)中看见。 B正确。   立即学习“前端免费学习笔记(深入)”; 第2题 考察的就是HTML的本质 答案:D 解析:首先HTML只依靠标…

    2025年4月1日 编程技术
    100
  • html实现个人简历的实例代码分享

    html实现个人简历的实例代码分享 孙海洋 登录后复制个人简历姓名:孙海洋性别:男@@##@@ 出生年月:1992.4.6民族:汉学历:大专专业:数控车工籍贯:河南原阳联系电话:13602664383毕业学校:河南经济贸易高级技工学校住址:…

    编程技术 2025年4月1日
    100
  • html中input输入框修改后自动跳到最后一个字符的实例

    html中input输入框修改后自动跳到最后一个字符的实例 登录后复制 有三个事件,一个onpaste用来禁止粘贴,剩下两个用来去掉特殊的字符,原因出在replace,replace替换后会像重新输入一样,所以光标会在最后 解决,把repl…

    编程技术 2025年4月1日
    100
  • html中布局标记与列表标记的图文详解

    布局标记 首先要介绍的布局标记是p标记,p可以做网页的层也可以做网页的分区。当p做网页的层时可以实现漂浮在网页上的效果,就像我们经常可以在网站里看见的那些漂浮广告。p做网页的分区时,则是可以布置网页的格局,把一个网页分为多个模块,由这些模块…

    2025年4月1日 编程技术
    100

发表回复

登录后才能评论