![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
前端小白的探索
谢诗谦
心无旁骛
展开
-
CSS3的相对定位(二)
上一篇博客讲了相对定位的参照点是自己本身应该在的位置,那问题来了,若是有个盒子进行了相对定位,并有了偏移,那对下面的盒子有什么影响呢?今天这个博客,就是探讨在发生相对定位的盒子对于其他盒子的干扰实验代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <tit...原创 2020-03-23 22:48:25 · 139 阅读 · 0 评论 -
css3的相对定位(一)
当定位为relative时表示的是这个盒子相较于自己本应该在的位置产生偏移例如:当盒子没有相对定位并产生偏移时的位置<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>没有相对定位</title> <style> bo...原创 2020-03-23 22:33:02 · 238 阅读 · 0 评论 -
float理解(三)
实验代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>float特性</title> <style type="text/css"> .t1{ width: 300px; height: 300px...原创 2020-03-16 19:44:00 · 444 阅读 · 0 评论 -
float特性理解(二)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>float特性</title> <style> div{ width: 300px; height: 300px; } .t1{ back...原创 2020-03-16 13:35:41 · 351 阅读 · 0 评论 -
float的理解
实验一:由两个div创建的盒子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>浮动和标准流的理解</title> <style type="text/css"> .t1{ width: 100px; heig...原创 2020-03-16 12:26:08 · 180 阅读 · 0 评论 -
text-align的理解
实验代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>水平居中</title> <style> .t1{ text-alig...原创 2020-03-15 23:23:22 · 541 阅读 · 0 评论 -
css权重叠加理解
如果选择器不同,会出现优先级问题标签选择器: 0,0,0,1类选择器: 0,0,1,0 ID选择器: 0,1,0,0style行内样式表: 1,0,0,0实验代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <...原创 2020-03-14 14:36:57 · 699 阅读 · 0 评论 -
html单行文本垂直居中
单行文本垂直居中,在于使用line-height若是line-height = height 可以实现垂直居中若是line-height < height 文字偏上若是line-height > height 文本篇下实验案例:<!DOCTYPE html><html> <head> <m...原创 2020-03-13 19:53:46 · 2837 阅读 · 0 评论 -
html实现圆形图片
在学习前端的过程中,我发现了一个很有趣的例子,对图像以圆形显示,div和a属性却又不一样的效果和操作。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>圆形头像实现</title> <!-- ...原创 2020-03-11 20:48:53 · 9115 阅读 · 0 评论