Css
Brynn.
这个作者很懒,什么都没留下…
展开
-
CSS:九宫格
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>task1</title> <link rel="stylesheet" type="text/css" href="./task1.css"> </head> <body> <div class="box-wr.原创 2020-05-21 03:26:19 · 171 阅读 · 0 评论 -
float属性的使用
float的几个作用;1.脱离文本流(区别position:absolute的脱离文本流)float:left该占的位置还是占了position:absolute其实没有占位置脱离文本流还是能继承父元素的宽度等属性(50%) 次设计的初衷是让文字包裹图片<div style="display:block;border:1px solid red"> ...原创 2019-11-17 22:23:11 · 401 阅读 · 0 评论 -
css居中问题
/*居中让盒子内元素居中:text-align:center(水平)让盒子本身居中:margin:0auto;(水平)margin:auto(水平和垂直都居中)margin:auto0;(竖直方向居中)))*/原创 2019-10-20 14:02:02 · 69 阅读 · 0 评论 -
css选择器
//三大基础选择器//1.元素选择器div{text-decoration:none;color:red;font-size:20px;}//2.类选择器//在元素内部配合class使用.myTxt{text-align:center;}.myA{color:red;}//lclass="myT...原创 2019-10-19 19:48:34 · 104 阅读 · 0 评论 -
css实现翻牌动画效果
css代码 .outer{ //翻牌的大盒子 position:relative; width: 30%; height:0; line-height:0; padding:0 0 45% 0; text-align:center; margin: 0 auto; // border:1px s...原创 2019-10-19 01:47:34 · 1302 阅读 · 0 评论 -
css中伪类选择器:checked
实现单选框的样式改变input[type=checkbox]{ width: 15px; height: 15px; background-color: #fff; -webkit-appearance:none;//隐藏对勾 border: 1.5px solid #c5c5c5; border-radius: 50px; outline: none;}i...原创 2019-10-19 01:34:18 · 334 阅读 · 0 评论 -
Angular中用Css实现九宫格以及按百分比设置尺寸的盒子按比例定制大小
静态:方法很多,ionic中的grid通过size属性可以很方便控制宽度,一共是15,通常我使用1 4 1 4 1 4 1的布局动态:*ngFor循环,主要是合理设置宽度以及使用弹性盒子 <div *ngIf="pageData">//确保请求到数据,方式后面出现undefine报错 <div class="flex-container">//弹性盒...原创 2019-10-19 01:29:13 · 547 阅读 · 0 评论