CSS
关注
分享
扫一扫
文章平均质量分 61
AGG_Chan
这个作者很懒，什么都没留下…
展开
-
双飞燕布局、圣杯布局、flex布局实现三列布局（两边固定中间自适应）
1.圣杯布局主要：浮动 + margin-left + 相对定位写一个大容器container,里面包含了middle,left和right,middle放在前面container下面的三个容器浮动，且写上高度200px给middle宽度写上100%，此时left和right被挤到第二行，给left,right设置宽度200px给left的margin-left设置为-100%，此时left回到第一行左边,right回到第二行左边给right的margin-right设置-200px，此时ri原创 2022-02-28 18:10:51 · 3354 阅读 · 0 评论 -
前端LOGO SEO优化
前端LOGO SEO优化步骤logo的div内放一个h1标签，目的是为了提权h1里面放一个链接，点击链接可以返回首页在链接里面放相应的文字，但文字要隐藏font-size: 0;/*方法1*/text-indent:-9999px;overflow:hidden;/*方法二*/代码展示<!-- logo模块 --> <div class="logo"> <h1> <a h原创 2021-07-13 09:51:13 · 232 阅读 · 0 评论 -
细谈text-align: center
text-align: center的几个用处1.概括CSS参考手册上关于text-align:center的说明是text-align 属性规定元素中的文本的水平对齐方式。该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。...原创 2020-11-26 21:57:57 · 17757 阅读 · 6 评论 -
[Vue]分别原生JS和Vue实现计数器功能
题目用vue实现计数器功能，其中vue实现的代码黑马程序员vue教程给出，这里对其CSS代码进行了注释，并且用原生JS重新实现了一次。效果不能大于10不能小于0vue实现实现步骤确定el挂载点（id = "app"的div）data中定义数据（num,min,max）methods添加两个方法sub(-)和add(+)使用v-text将num设置给span标签使用v-on分别将sub和add绑定给-和+设置num的范围，即min = 0,max=10<!DOCTYPE原创 2020-11-06 20:09:13 · 428 阅读 · 0 评论 -
CSS让元素置于容器底部
CSS让元素置于容器底部回顾之前回顾已经描述了如何让 CSS在不影响总体布局情况下让元素自由缩小效果如图所示此时代码如下<body> <div class="box1">box1box1</div> <div class="box_0"> <!--class = "box_0的外层盒子"--> <div class="box2">box2box2</div>原创 2020-10-06 21:07:44 · 7902 阅读 · 2 评论 -
CSS在不影响总体布局情况下让元素自由缩小
CSS在不影响总体布局情况下让元素自由缩小开始状态<body> <div class="box1">box1box1</div> <div class="box2">box2box2</div> <div class="box3">box3box3</div> <div class="box4">box4box4</div> <div class="b原创 2020-10-06 20:38:41 · 1130 阅读 · 1 评论