Css
我yi癫狂
个人网站:www.k1998.xyz
展开
-
对于自绝对父相的理解
1、如果对子元素施加绝对定位,然后设置一个bottom为20则:html<div class="k1"> <div class="k2">1111</div> </div>.k1 { margin: 0 auto; height: 500px; width: 500px; background: green; }原创 2020-08-23 13:32:08 · 190 阅读 · 0 评论 -
flex常用布局
space-between两边没有边距space-around两边留有边距space-center原创 2020-06-06 22:17:20 · 144 阅读 · 0 评论 -
Css布局
网页布局1、固定宽度布局2、流式布局3、栅栏式布局4、响应式布局5、flex布局响应式布局缺点:写很多冗余的代码,网页体积变大,应用移动设备带来很大的性能问题(适用于没有复杂交互的页面)案例<style> .container{ width:1200px; margin: 0 auto; height:1200px; background-color: red; } /*媒体查询:注意an原创 2020-05-28 02:02:37 · 143 阅读 · 0 评论 -
css字体样式
以下写几个常用的字体样式,方便以后使用: font-family: FangSong; font-weight: bold; font-size: 20px; font-style: italic; text-decoration: underline; letter-spacing: 1em; line-height: 2em; 简写:...原创 2020-04-18 22:38:54 · 163 阅读 · 1 评论 -
居中对齐
现在有一个父盒子和一个子盒子要想让子盒子相对父盒子居中很简单,在子盒子上加上属性即可margin: 0 auto;如果说要变成水平垂直居中呢,加上两个auto?结果肯定是不行的得这样用到所谓得子绝父相首先父亲要相对定位然后儿子设置成这样 left: 50%; top: 50%; transform: translate(-50%, -50%); position:...原创 2020-04-15 16:40:56 · 302 阅读 · 0 评论 -
响应式布局(手机端)
@media screen and(max-width: 750px){}<!DOCTYPE html><html><head> <title></title></head><style type="text/css">div1{ width:850px; margin: 400px aut...原创 2019-11-05 22:57:45 · 370 阅读 · 0 评论 -
css笔记
简单重新复习,系统整理下css的知识点.d211,.c211表示并列关系,以内所以类将被选定,赋予相同属性.parent div 选中类parent下的所有div元素A B选择所有后代元素,而A>B只选择一代绝对定位相对定位相对父级元素我理解的绝对,相对于父级而言,且需要top,bottom,left,right才能显示绝对定位的效果...原创 2019-08-27 12:50:07 · 120 阅读 · 0 评论 -
【Css】基础属性(一)
给超过div的文本添加滑轮效果(必须先对其高度进行设置)overflow:auto;给按钮添加圆润效果border-radius: 20px;明天在写,补完,太晚了原创 2019-09-18 22:39:12 · 203 阅读 · 0 评论