php学习——css复习四（理解元素div）

最新推荐文章于 2024-10-02 15:35:50 发布
最新推荐文章于 2024-10-02 15:35:50 发布
阅读量202 收藏
点赞数
分类专栏： css复习 php学习之路 文章标签： css html 标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33505655/article/details/75459459
版权

（七）盒子模型

在w3c中称为框模型，在其它地方也有叫盒子模型的，我认为它就是一个元素外的透明的线可以定义线与其它元素或线框里的元素的距离。

属性：

padding:内边距（单位有px,em,ex,%等长度值或百分比值）
padding:上 右 下 左  /   上 （左与右为一个参数） 下 / 上 下 / （上右下左为一个参数）; （参数个数的不同会发生变化）
padding-top
padding-left
padding-right
padding-bottom
margin:外边距（单位有px,em,ex,%等长度值或百分比值）
margin:上  右  下  左  /   上 （左与右为一个参数） 下 / 上 下 / （上右下左为一个参数）; （参数个数的不同会发生变化，设auto时为居中）
margin-top
margin-left
margin-right
margin-bottom
垂直方向的两个边框且默认正常的文档流相遇或者包涵时，较小的外边距将会被较大的外边距合并。
border:边框（之前已有复习）




程序的灵魂终结者
关注
专栏目录
css字符标签,【CSS学习】字符实体
weixin_36058835的博客
08-04 622
在html开发中，有一些字符，不适于直接写出，比如：大于号>小于号<一般格式：&+实体名+;实体有很多，记住常用的大于号>小于号<双引号"人民币¥版权符号©常用的实体：大于号>小于号<双引号"人民币¥版权符号©、空格和号&单引号'分¢镑£欧元€小节§版权©注册商标®商标™乘号×除号÷WEB学习-基础知识：列表、表单、div和span、注释、字符...
php中怎么添加css样式_在php中怎么加css样式
weixin_32424555的博客
03-08 3648
使用php是可以输出HTML标签的，这为页面设计带来很大方便。在此记录php输出标签设置CSS样式的问题：echo可使用''、""或你不用引号，如果想要输出带CSS样式的HTML标签，echo使用''输出即可。关于echo三种输出的区别：1.整数型的值可以直接输出。像数字这类都可以不加引号直接输出。2.输出变量也可以不用加任何的引号。直接 echo $a; 即可。要输出字符，就一定要加引号了。比如...
PHP内写css样式
weixin_30394669的博客
09-11 1429
<1>php的两种输出方式 1，echo； 2，print; 栗子： <?php echo:"你好，我的名字是LHH"; print:"你好，我的名字是LHH"; ?> <2>echo三种输出方式的区别： 1.整数型的值可以直接输出。像数字这类都可不加引号直接输出。 2.输出变量也可不加引号。直接 写 echo $LHH; 。输出字符，就一定...
php学习——css复习五（浮动）
了解，入门再进深，一步一步来
07-20 235
当我们在自学的时候往往会出很多问题导致会走很多弯路。我的一个老师吧，不说啥，他没有专业的知识经历（他的是其他专业），但为了看我们就是来硬教我们web。出发点是好为了学生，只是知识没怎么学到，简单的web我们看书就行了，主要的还是要看老师的经验总结才是重点。人生又再次给了我提醒，当我向别人教东西的时候，一定要有自己的经验总结，这样教别人东西才算有意义。 浮动（float）： 在网页布局的时候，往
php学习——css复习三（表格、边框）
了解，入门再进深，一步一步来
07-20 721
使用表格边框的一些必用的属性。其实表格边框等等这些都有好多属性，以前你能背，现在只要是不用的话很容易就忘了，所以没关系的，熟悉就行，用到了自然记住了。
php学习——css复习七（细节处理）
了解，入门再进深，一步一步来
07-22 167
其实之前说过，正常的文档流。意思就是说，我们每添加一个元素标签时，元素标签应该是纵向排列的—— 理应一行一个元素。反之当我们的元素没有按照一行一个元素时，此元素就称之为行内元素。 行内元素：span b  i u strong a ... 块元素：div p table ul li ol dl dt dd h1..... 行内元素特点：内容决定大小。 块元素：自定义或内容决定大小。 块元
Bootstrap复习三——CSS组件1
小头Sophia
02-18 683
1.Bootstrap基本模板： html> lang="zh-CN"> charset="utf-8"> http-equiv="X-UA-Compatible" content="IE=edge"> //用最新的IE内核来解析 name="viewport" content="width=device-width, initial-scale=1">
CSS(4) | 伪元素&浮动&PS切图
csyldjy的博客
04-13 499
1 浮动（float） 1.1 传统页面布局的三种方式 页面布局的本质——用css来摆放盒子。 css提供了三种传统布局方式（盒子如何进行排列顺序）： 普通流 浮动 定位 实际开发中，往往一个页面会同时用到这三种布局方式。（移动端会学习到新的布局方式） 1.2 普通流（标准流、文档流） 普通流：标签按规定好默认方式排列。是最基本的布局方式。 1、块级元素独占一行、从上到下顺序排列 常用元素：div、hr、p、h1-h6、ul、ol、dl、form、table 2、行内元素从左到右顺序排列
前端HTML5+CSS3学习笔记
热门推荐
Baucd的小博客
11-17 1万+
前端HTML5+CSS3学习笔记
网页设计与制作课时说课稿PPT学习教案.pptx
10-04
9. DIV+CSS网页布局，使用DIV元素配合CSS实现更灵活的网页布局。 10. 模板与库的应用，学习如何利用现有的资源加速网页开发。 11. 网站行为，如JavaScript脚本，使网页具有交互性。 12. 表单应用，创建网页上的用户...
css学习
weixin_39111384的博客
04-16 1242
课程目标: 学会使用CSS选择器 熟记CSS样式和外观属性 熟练掌握CSS各种选择器 熟练掌握CSS各种选择器 熟练掌握CSS三种显示模式 熟练掌握CSS背景属性 熟练掌握CSS三大特性 熟练掌握CSS盒子模型 熟练掌握CSS浮动 10.熟练掌握CSS定位 11.熟练掌握CSS高级技巧强化CSS typora-copy-images-to: media CSS的发展历程 从HTML被发明开...
web前端开发html5+css3学习笔记day1
weixin_44647089的博客
11-27 389
课程简介、网页简史、html简介、编写简易网页、自结束标签及注释、标签中的属性、文档声明、进制的基础知识、字符编码、文档的使用、vscode的安装、配置liveserver、实体、meta标签、语义化标签、块和行内、列表、超链接
记第三次面试经历——酷家乐
zwkkkk1的博客
05-18 1万+
  这次的面试机会来的也很偶然，大概4月初的时候在 v2ex 论坛上看到了酷家乐的招聘信息，就照着邮箱发了自己的简历，当时也没有太在意。到了4月24号左右，收到了酷家乐的在线笔试邀约，在说这次面试前可以先聊聊这次在线笔试。   到现在为止，在线笔试也做了阿里、蘑菇街的，做个横向对比，酷家乐这次的笔试题目分配是20道选择题、3道编程题。很有趣的是在20道选择题中，大概前15道都是围绕数据结构、组成...
CSS画出三角形的做法
mingangel的博客
10-01 391
在网页中，会有三角形的出现，我们脑海里会有很多想法，如何去实现他们，我来提供一种比较好玩的做法。
CSS-Day3
m0_74039531的博客
09-29 383
伪类的语法：selector:pseudo-class {property:value;}CSS类也可以使用伪类：selector.class:pseudo-class {property:value;}您可以使用 :first-child 伪类来选择父元素的第一个子元素。p:first-child { color:blue; }在下面的例子中，选择相匹配的所有<p>元素的第一个 <i> 元素：p > i:first-child { color:blue; }在下面的例子中，选择器匹配所有作
【CSS】position
最新发布
小秀的博客
10-02 323
特点：粘性元素根据滚动位置在相对（relative）和固定（fixed）之间切换。起先它会被相对定位，直到在视口中遇到给定的偏移位置为止 - 然后将其“粘贴”在适当的位置（比如 position:fixed）。特点：不影响元素本身特性，元素不脱离文档流，相对于原位置进行偏移。特点：元素脱离文档流 ，块级元素由内容撑开宽高，清除子集浮动。参考物：距离最近的使用了定位的父级，没有时找body。position: static 静态定位（默认）参考物：根据用户的滚动位置进行定位。参考物：元素的初始位置。
CSS 中的@media print 是干什么用的？
读心悦
09-29 240
在这个查询块内，你可以设置各种样式，以确保打印输出的内容看起来整洁、专业，并且只包含必要的信息。例如，你可能还想隐藏某些不重要的元素，如广告、侧边栏或仅用于装饰的图片，同时增加标题和段落的字体大小，以及为页面添加页眉和页脚（但这次是在打印样式中自定义的，与网页上的不同）。这种做法通常很有用，因为网页的页眉和页脚可能包含导航链接、社交媒体图标、版权声明等对于在线浏览很有用的信息，但在打印版本中，这些信息可能并不必要，甚至可能占用宝贵的页面空间。元素都将被隐藏（即不显示在打印的页面上）。这是通过将这些元素的。
CSS中的font-variation-settings：探索字体的可变性
艾恩小灰灰的博客
09-30 457
可变字体允许字体文件包含一系列的设计轴（Design Axes），如宽度（Width）、倾斜度（Slant）、粗细（Weight）等。通过调整这些轴的值，可以实现从一种样式到另一种样式的平滑过渡，而无需加载多个独立的字体文件。为设计师提供了前所未有的灵活性，在保持页面加载性能的同时，能够创造出丰富多样的视觉效果。随着更多浏览器的支持和可变字体的普及，这一功能将在未来成为Web设计中的重要工具之一。
免费学习：前端开发必读——CSS+DIV样式与布局详解
这是一本适合前端开发者系统学习和查阅的工具书，无论你是初学者还是经验丰富的开发者，都能从中找到关于div+css布局和样式的实用技巧和深入理解。通过掌握本书内容，读者能够有效地提升网页设计的效率和专业水平。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值