Erek的前端博客；

CSS :not-child() :nth-child()的一些常用属性某元素下的第一个元素，元素下的最后一个元素，某元素下的第n个元素，某元素下的奇数元素，某元素下的偶数元素，选中某元素下符合( 3 * 当前元素下标 + 1)条件的元素，选中某元素下符合条件的本元素，某元素下的倒数第几个元素，某元素下第3个元素之后的元素，某元素下第4个及之前的元素，:nth-child() 多个拼接用法

css 元素开始位置或结束位置添加元素把那个设置样式

function changeSize() { // 计算html字体大小 let designSize = 1920; // 设计图尺寸 let html = document.documentElement; // 浏览器宽度 let rem = window.screen.width * 10 / designSize; document.documentElement.style.fontSize = rem + 'px';}$(window).resiz.

思路: 定义一个数组,存数个class类名,对应类名定义位置等样式,5秒一个定时器,将存放class类名的数组最后一个元素移动到第一个,因为有过度效果,所以有动画效果html <div class="icon-layout"> <div class="icon-item" :class="icon_position[index]" v-for="(item ,index) in 6"> <div class="info">{{inde..

两边向两侧拉伸效果,如下图html<div id="app"> <div class="main"> <div class="center-block" :class="'block-' + (index + 1)" v-for="(item,index) in 3"> <div class="block-title"> <div class="name">方块-{{index + 1}}&..

*{ margin: 0； padding: 0;}img { border:none;}button { outline: none;}li{ list-style: none;}a{ text-decoration: none;}

background-color // 背景颜色background-position // (x,y) top left center right bottom 如果仅规定了一个关键词，第二个值将是"center",也可以百分比或像素为单位;background-size // (x,y) x设置宽度，y设置高度,单位可以是像素和百分比; cover 把背景图像扩展至足够大，以使背景图像完全覆盖背景区域,部分区域会不能展示; contain 把图像扩展至能适应内容区域的最.

<style> @keyframes cssAnimation{ 0%{background: #00f;border-radius: 0%;} 25%{background: #ff0;border-radius: 50%;} 50%{background: #f0f;border-radius: 0%;} 75%{background: #0ff;border-radius: 50%;} 100%{ba.

<style> .scroll-style{ overflow:scroll; } .scroll-style::-webkit-scrollbar { /*滚动条整体样式*/ width:10px; height:10px; } .scroll-style::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius:10px.

文本超出指定行数显示省略号。改变上传文件框样式为图片。文本超出宽度显示省略号。

// 禁止图片拖动<img draggable="false" src="路径"> // 展示 base64 格式图片<img src="base64变量"/>// base64 前边如果没有 'data:image/jpeg;base64,' 需要拼接