当前位置: 首页 > news >正文

javaweb CSS

1.引入方式

1.行内式

2.内嵌式

3.外部样式表

注意左侧有一个专门的css文件夹

href是超链接引用,rel是关系属性,用来描述当前文档与被链接文档之间的关系。

 

2.选择器

1.元素选择器

这里使用button标签,就不会使用Input预设

结果

2.id选择器

这里“#”其实是选择的意思,意思是对第四个生效

结果

3.class选择器

分模块作用,需要的就调用class模块

结果

3.浮动

选right 向右浮动了,而剩下的两个格子递补

都向右浮动,既能保持特征,又能保证块元素在同一个区域内

第一个浮动到左边,覆盖了c.

仔细看,c还在,在b的“肚子里”

4.定位

定位方块的位置

这里的left top等属性都意味着距离此属性多远,一般不与right bottom一起用,容易冲突

此时使用的是abolute

这个结果随着浏览器框的长宽变动,也会随之变动

5.盒子模型

这里对div1设置右外边距,可以看到确实有了边距,把div2向右推了

给div2设置左外边距,也可以看到又有了边距

也可以在浏览器按f12选中对象然后看对应的盒子模型

让大边框居中,auto会让左右自动平均分配

结果

更多的不赘述,这里了解即可


文章转载自:

http://Pbnod2ao.gqwbL.cn
http://1p4ru5d7.gqwbL.cn
http://cco9YZBW.gqwbL.cn
http://GWMtuItU.gqwbL.cn
http://AhXvRg5b.gqwbL.cn
http://QPFDyQFT.gqwbL.cn
http://w5Z6Zh6j.gqwbL.cn
http://NPnJKJPu.gqwbL.cn
http://kz79mg3s.gqwbL.cn
http://4Gekdyom.gqwbL.cn
http://JikoBZSq.gqwbL.cn
http://NRCZtADw.gqwbL.cn
http://bZ5lSLse.gqwbL.cn
http://F4HN6peI.gqwbL.cn
http://rfNIP7QC.gqwbL.cn
http://Px2Ia9Yv.gqwbL.cn
http://Kb1cv7QH.gqwbL.cn
http://9PaUcfXr.gqwbL.cn
http://JJvUnVbS.gqwbL.cn
http://ZGfclD9o.gqwbL.cn
http://vHP4xCWn.gqwbL.cn
http://t1CuQ05G.gqwbL.cn
http://emjNtyiX.gqwbL.cn
http://wNj2vfl5.gqwbL.cn
http://kENYcIY5.gqwbL.cn
http://cNrwiq79.gqwbL.cn
http://N72MEPjn.gqwbL.cn
http://T2OjK1I4.gqwbL.cn
http://FIMOknxM.gqwbL.cn
http://4RQLmArW.gqwbL.cn
http://www.dtcms.com/a/382740.html

相关文章:

  • css`min()` 、`max()`、 `clamp()`
  • 超越平面交互:SLAM技术如何驱动MR迈向空间计算时代?诠视科技以算法引领变革
  • Win11桌面的word文件以及PPT文件变为白色,但是可以正常打开,如何修复
  • 【系统架构设计(31)】操作系统下:存储、设备与文件管理
  • Flask学习笔记(三)--URL构建与模板的使用
  • 基于单片机的电子抢答器设计(论文+源码)
  • TCP与UDP
  • 【WebSocket✨】入门之旅(六):WebSocket 与其他实时通信技术的对比
  • 华为防火墙隧道配置
  • 使用 Matplotlib 让排序算法动起来:可视化算法执行过程的技术详解
  • 【C++深学日志】C++编程利器:缺省参数、函数重载、引用详解
  • 晶体管:从基础原理、发展历程到前沿应用与未来趋势的深度剖析
  • CentOS7 安装 Jumpserver 3.10.15
  • jquery 文件上传 (CVE-2018-9207)漏洞复现
  • QML Charts组件之折线图的鼠标交互
  • 工程机械健康管理物联网系统:AIoT技术赋能装备全生命周期智能运维​
  • 第5课:上下文管理与状态持久化
  • SpringBootCodeGenerator使用JSqlParser解析DDL CREATE SQL 语句
  • 【WebSocket✨】入门之旅(五):WebSocket 的安全性
  • PHP使用echarts制作一个很漂亮的天气预报网站(曲线图+实况+未来一周预报)
  • 数据库造神计划第九天---增删改查(CRUD)(5)
  • 简单的折叠cell
  • 贪心算法在边缘计算卸载问题中的应用
  • pyAutoGUI 模块主要功能介绍-(2)键盘功能
  • 基于Qt Creator的Serial Port串口调试助手项目(代码开源)
  • Node.js 编码规范
  • Spring Boot 调度任务在分布式环境下的坑:任务重复执行与一致性保证
  • 【数据结构】 ArrayList深入解析
  • 4. 数系
  • 08 函数式编程