![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
div+css
LLLLLLLLLLLLL刘
Every line of code should appear to be written by a single person, no matter the number of contributors.
不管有多少人参与同一个项目,一定要确保每一行代码都像是同一个人编写的
展开
-
sass、less的对比与区别
什么是Sass和Less?sass和less都属于CSS预处理器。css预处理定义了一种新的语言,其基本思想是,用一种专门的编程语言,为css增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。通俗地说就是“用一种专门的编程语言,进行Web页面样式设计,再通过编译器转化为正常的CSS文件,以供项目使用”。为什么使用CSS预处理器? CSS只是一个标记语言,不是编程语言,因此不可以自定义变量,不可以引用等等。css有具体以下几个缺点: 语法不够原创 2020-10-09 16:28:05 · 12190 阅读 · 1 评论 -
JS随机颜色
var getRandomColor = function() { return '#' + (function(color) { return (color += '0123456789abcdef' [Math.floor(Math.random() * 16)]) && (color.length == 6) ? color : arguments.callee(color); })('');}随机生成6个原创 2020-07-11 09:09:03 · 1831 阅读 · 0 评论 -
css波浪效果
以下代码使用uniapp框架,css波浪效果一、第一种效果<template> <view class="content"> <view class="zr"> <view class='user_box'> <view class='userInfo'> <open-data type="use...原创 2019-09-29 15:10:48 · 3224 阅读 · 3 评论 -
关于object-fit 使用
语法object-fit 属性由下列的值中的单独一个关键字来指定。取值contain被替换的内容将被缩放,以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比,因此如果宽高比与框的宽高比不匹配,该对象将被添加“黑边”。cover被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配,该对象将被剪裁以适应内容框。fill被替换...原创 2019-09-21 15:04:02 · 311 阅读 · 0 评论 -
position absolute 绝对定位 设置问题
1, 父元素相对定位,子元素两个:一个普通文档流(块级元素),在前,一个决对定位元素,在后。<div class="parent_relative"> <div class="child">普通文档流子元素</div> <span class=child_absolute>绝对定位子元素</span></div&...转载 2019-09-20 18:07:10 · 1922 阅读 · 0 评论 -
小程序标签重写
重写复选框样式/* 未选中的 背景样式 */checkbox .wx-checkbox-input { // border-radius: 50%;/* 圆角 */ width: 28rpx; /* 背景的宽 */ height: 28rpx; /* 背景的高 */}/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */checkbox .wx-chec...原创 2019-08-26 16:53:53 · 334 阅读 · 0 评论 -
原生js放大镜效果
index.html页面<!DOCTYPE html><html lang="en" dir="ltr"><head> <meta charset="utf-8"> <title>放大镜</title> <script src="index.js"></script> &...原创 2019-07-16 17:29:25 · 138 阅读 · 0 评论 -
CSS鼠标形状
CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a> CSS鼠标手型效果 <a href="#" style="cursor:pointer">CSS鼠标手型效果</a> 注:pointer也是小手鼠标,建议大家用pointer,因为它可以兼容多种浏览器。 C...原创 2019-07-09 17:27:00 · 676 阅读 · 0 评论 -
web基础题
1、常用那几种浏览器测试?有哪些内核(Layout Engine)?答: (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。(Q2) 内核:Trident,Gecko,Presto,Webkit。2、 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下)答:(Q1) 行内元素:会在水平方向排列,不能包含块级元素,设置width无效...转载 2019-07-12 17:18:19 · 183 阅读 · 0 评论 -
css超出省略号
1、根据文本框大小实现单行超出省略号.more{ overflow: hidden; text-overflow: ellipsis; //超出部分以省略号显示 white-space: nowrap; width: 30px; }<p class="more">山谷那里是没有早晨的,没有旭日朝阳,永远是不同与世间的阴凉的黄昏</p&...原创 2019-07-09 11:15:39 · 224 阅读 · 0 评论 -
DIV+CSS基础知识点
前端书写规范:1、所有书写均在英文半角状态下的小写;2、id,class必须以字母开头;3、所有标签必须闭合;4、html标签用tab键缩进;5、属性值必须带引号;6、7、/* css注释 */8、ul,li/ol,li/dl,dt,dd拥有父子级关系的标签;9、p,dt,h标签 里面不能嵌套块属性标签;10、a标签不能嵌套a;11、内联元素不能嵌套块;div的displ...转载 2019-06-21 14:20:43 · 425 阅读 · 0 评论