![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
古塔前端
一个自学者,对计算机有些浓厚得兴趣,热爱学习编程,做一个"全干工程师"。
展开
-
vertical-align使用方法
介绍:vetical-align主要用来处理图片和文字直接的位置关系首先我们需要了解中文文本的组成,文本有基线、底线、中线、顶线组成。可以把文字想象在一个文本框里面,文本四条线的高度,构成了文本框的高。演示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device.原创 2020-12-06 22:14:21 · 6272 阅读 · 1 评论 -
HTML表格标签(table)
table标签简介:tabale标签是表格标签,html中较为常用的标签之一,主要用来制作表格,完成一些对比和统计工作table具体使用:创建一个表格tr、td、th标签的作用:tr标签:td标签:th标签:创建一个表格<table class="container" id="xs"> <tr> <th>姓名</th> <th>年龄</th> .原创 2020-11-22 15:39:15 · 2000 阅读 · 1 评论 -
行内元素和块级元素添加浮动后变化
浮动,开发网站中最常用的技术,标签添加浮动后会产生不同效果,让我们一起来探索一下添加浮动后,对元素产生的变化。行内元素和块级元素添加浮动后变化行内元素添加浮动(float)后的变化行内元素添加浮动(float)后的变化想必大家都知道,在Css中,行内元素不能设置高度和宽度,但是我们可以通过一些技术,让行内元素脱离正常文档流,从而给行内元素添加高度和宽度,比如浮动.案例我在html文件中创建了一个a标签,a标签属于行内标签,不能直接指定大小,但是当我们给a标签添加浮动之后,a标签就相当于从行.原创 2020-11-16 21:45:40 · 3337 阅读 · 2 评论 -
子元素浮动,父元素高度发生塌陷
子盒子高度于父盒子高度的关系子盒子影响父盒子的高度浮动的盒子不会撑开父盒子的高度解决方案方法1:方法2:子盒子影响父盒子的高度在开发过程中,由于不方便给父元素高度,导致父元素没有高度,但是可以通过给子元素高度,从而子元素高度撑开父盒子的高度,也让父盒子有了高度,这样父盒子的高度就会自适应。案列案例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l原创 2020-11-16 15:22:50 · 585 阅读 · 0 评论 -
Css精灵图技术
123原创 2020-11-10 14:23:08 · 486 阅读 · 1 评论 -
Css外边距合并
Css外边距合并介绍为什么会有外边距合并产生:当有两个上下垂直外边距合并时,会产生外边距合并,外边距的大小取决于它们中最大的外边距。举例说明:有A和B两个上下垂直盒子,A盒子有一个下边距20px,B盒子有一个下边距10px的盒子,他们产生的外边距为20px。外边距合并解决方案:要想实现合并之前的效果,就需要给其中一个盒子指定大小,另外一个盒子不需要给大小。...原创 2020-11-08 12:34:38 · 120 阅读 · 0 评论 -
CSS cursor属性
cursor属性可以改变鼠标移动标签上得形状常用cursor方法总结:属性作用pointer鼠标移动到标签上变成一只小手crosshair光标变成十字架move此光标指示某对象可被移动auto浏览器默认得光标...原创 2020-06-17 19:54:18 · 366 阅读 · 0 评论 -
css实现圆角矩形
一个在日常开发中,前端人员经常会遇到圆角矩形,让我们一起来学习一下圆角矩形吧,下面直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=], initial-scale=1.0"> <title>Document</title> <原创 2020-05-27 20:05:35 · 4716 阅读 · 0 评论