-
如何给HTML页面设置行高
如何给HTML页面设置行高 设置行高 由于简单还是老样子直接上代码了哦,注意: line-height 属性值可以使用固定值如:20px..和百分比如:20%。 如果想让文字垂直居中如下:行高的主要作用是用来设置文本的垂直方向居中对齐行高的值与高度的值一样即可。 让我们进入 line...
-
Web前端基础(6):CSS(三)
Web前端基础(6):CSS(三) 1. 定位 定位有三种:相对定位、绝对定位、固定定位 1.1 相对定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: top、bottom、left、right。 特性:1....
-
Web前端基础(5):CSS(二)
Web前端基础(5):CSS(二) 1. 盒模型 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种:标准模型和IE模型。我们在这里重点讲标准模型。 1.1 盒模型示意图 1.2 盒模型的属...
-
【前端知识体系】CSS布局知识强化
【前端知识体系】CSS布局知识强化 1.实现两栏/三栏布局的方法? 表格布局 float + margin布局 inline-block布局 flexbox布局(兼容性的问题) 1.1 基础布局 style * { margin: 0; padding: 0; } .layout { margin-top: 10px; } .layout div{ min-height: 100px; }/style...
-
可保图片不变形的object-fit
可保图片不变形的object-fit Object-fit 我们有时候浏览一些网站的时候,偶尔会遇到这种情况: 明显它喵的形变了,尤其是这种这么业余的失误,还是出现在一个专门做图片的网站上。 产生这种现象的原因是:图片写了固定的宽高,这个宽高形成了一个固定的比例,然而图片...
-
前端之css(二)
前端之css(二) 目录 CSS属性相关 宽和高 字体属性 文本颜色 文本字体 字体大小 字体粗细 文字属性 文字对齐 文字装饰 首行缩进 背景属性 补充 边框 border-radius display属性 CSS盒子模型 margin外边距 padding内边距 float浮动 浮动造成的影响: clear overflow溢...
-
day 46
day 46 目录 CSS样式操作 给字体设置长宽 字体颜色 语义 背景图片 边框 display 盒子模型 浮动(**************) 浮动带来的影响 clear overflow溢出属性 定位 位置的辩护是否脱离文档流 opacity CSS样式操作 给字体设置长宽 只有块级标签才可以设置长宽 行内标签设置了...
-
2D变形CSS3 transform---移动 translate(x, y), 缩放 scale(x, y
2D变形CSS3 transform---移动 translate(x, y), 缩放 scale(x, y), 旋转 rotate(deg), transform-origin, 倾斜 skew(deg, deg) transform是CSS3中具有颠覆性的特征之一 ,可以实现元素的位移、旋转、倾斜、缩放,甚至支持矩阵方式,配合过渡和即将学习的动画知识,可以...
-
盒子模型
盒子模型 盒子模型 页面布局的三大核心,盒子模型,浮动和定位 网页布局过程 先准备好相关网页元素,网页元素基本都是盒子Box 利用CSS设置好盒子样式,然后放到相应位置 往盒子里面装内容 盒子模型的组成 所谓盒子模型:就是把HTML页面中的布局元素看做是一个矩形的盒...
-
老板的手机收到一个红包,为什么红包没居中?如何让一个元素水平
老板的手机收到一个红包,为什么红包没居中?如何让一个元素水平垂直居中? 前言 老板的手机收到一个红包,为什么红包没居中? 如何让一个子元素在父容器里 水平垂直居中 ?这个问题必考,在实战开发中,也应用得非常多。 你也许能顺手写出好几种实现方法。但大部分人...
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash
