使用pycharm开发Django2.2全过程(七)-简单前台界面的渲染(CSS、JS)

本文详细介绍了如何在Django2.2项目中结合PyCharm使用CSS和JS来创建简单前台界面。内容包括CSS的常用样式、引入方式和语法,以及JS的语法、引入方式和DOM操作,强调了在大型项目中外部导入和管理静态文件的重要性。
摘要由CSDN通过智能技术生成

在网站中,我们能看到比较绚丽的界面,一般来说不是单一HTML文件实现的,会配上js、cs文件,最近公司需要研发网站大屏项目,就继续学习中。。。

CSS

CSS全称为层叠样式表(Cascading Style Sheet),用于修饰html样式,使网站显示更加美观,也解决内容与表现分离的问题,提高工作效率。
ps:

  • 我们一般开始是在html文件中使用,当样式过多的时候,我们一般会采用CSS文件的方式,进行代码的编写。
  • 当样式冲突时,就是采用就近原则,是值css属性离被修饰的内容最近的为主,若没有样式冲突则采用叠加效果。

常用样式

  1. 背景颜色:background-color:red
  2. 背景图片:background-image:url(地址)
  3. 图片平铺:background-repeat:repeat repeat(默认)水平垂直都平铺,repeat-X\Y 水平\垂直平铺,no-repeat不平铺
  4. 字体大小:fon
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Yyuanyuxin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值