随笔分类 - Html
1
摘要：css篇 1.不知宽高的情况下，水平垂直居中的几种方式 <div class='content'> <div class='inner'>flex布局</div> </div> .content{ display:flex; justify-content:center; align-items:c
阅读全文
摘要：mixin定义（使用@mixin定义）： @mixin hexagon-generator($hexagon-width, $factor, $border-radius){ display: inline-block; border-radius: 50%; width: ($hexagon-wi
阅读全文
摘要：// 多行文本 .wrap { width: 100%; overflow: hidden; display: -webkit-box; //将对象作为弹性伸缩盒子模型显示 *必须结合的属性* -webkit-box-orient: vertical; //设置伸缩 盒对象的子元素的排列方式 *必须
阅读全文
摘要：转载处：https://www.cnblogs.com/jack-lin/p/6480555.html
阅读全文
摘要：.coupon { background: #d51d27; width: 100%; ...
阅读全文
摘要：<template> <div class="quan clear"> <div class="quanleft"> <p class="ft">折扣券</p> </div> <div class="quanRight"> <p class="money">¥ 10</p> <p class="ti
阅读全文
摘要：<template> <div class="demo"> <div class="stamp stamp01"> <div class="par"> <p>XXXXXX折扣店</p> <sub class="sign">￥</sub> <span>50.00</span> <sub>优惠券</su
阅读全文
摘要：转载：https://blog.csdn.net/github_36496793/article/details/53065870
阅读全文
摘要：1.属性选择器 2.伪类选择器 :link 向未被访问的超链接添加样式 :visited 向已被访问的超链接添加样式 :active 向被激活的元素添加样式 :hover 当鼠标悬停至元素上方是，向该元素添加样式 :focus 当元素获取焦点时，向该元素添加样式 3.伪元素选择器 :first-le
阅读全文
摘要：align-content 和 align-items ： 1：共同点：它们对齐方向为交叉轴 2：不同点：align-content 应用于为 多行 而 align-items:应用于单行。
阅读全文
摘要：css中“>”是css3特有的选择器，A>B 表示选择A元素的所有子B元素。 与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。 .a，.b｛逗号指相同的css样式｝； .a .b｛空格指后代元素｝； .a>.b｛大于号指子代元素｝； .a+.b｛这个“+”是选择相邻兄弟，叫做“相邻兄
阅读全文
摘要：<template> <div class="pos-frame"> <div class="pos h100"> <div class="pos-right"> <div class="tab-wrap"> <input type="radio" id="tab1" name="tabGroup1
阅读全文
摘要：@media only screen and (min-width: 1024px) //当分辨率width >= 1024px 时使用1.jpg作为背景图片 { .bg{ background:url(./images/1.jpg) no-repeat; } } @media only scree
阅读全文
摘要：!important //增加权重 word-break：break-all //允许在单词内换行 keep-all //只在半角空格或连接字符串换行 --这个属性一般用于文章段落 text-align: justify; 段落两端对齐 cursor:pointer //鼠标移上去，有手指的图标 p
阅读全文
摘要：<div class="GoodsTitle"> <div class="line"></div> <div class="content">优惠信息</div> <div class="line"></div> </div> .GoodsTitle { display :flex; margin
阅读全文
摘要：box-shadow: 10px 10px 5px #000000; //给元素添加阴影 使用伪元素after要注意加上content属性 例如：.log:after{ content:"", }
阅读全文
摘要：.GoodList{ display :table; height :54px; width :56px; line-height: 14px padding: 0 12px .text{ display: table-cell; width: 56px; vertical-align: middl
阅读全文
摘要：.brand { display: inline-block; width: 30px; height: 18px; background-image: url('../../../resource/img/brand@2x.png'); @media (-webkit-min-device-pix
阅读全文
摘要：vue-cli项目安装使用stylus步骤:1. npm install stylus -D命令，在项目内安装stylus。（注意：命令结尾 -D 即是 --save-dev 的简写形式） 2.需要安装loader，通过 npm install stylus-loader css-loader st
阅读全文
摘要：.arrows { display :block; text-align: center; position: relative; margin-top :-9px; margin-left :33px; width: 5px; height: 5px; border-top: 2px solid
阅读全文
1
