CSS属性
关注
分享
扫一扫
小也同学
这个作者很懒，什么都没留下…
展开
-
display有哪些值，行内元素、块级元素、行内块元素的含义
把某元素转换成了块元素， 独占一行， 并且可以设置宽高。把某元素转换成了行内元素 ， 不独占一行的，并且不能设置宽高。把某元素转换成了行内块元， 不独占一行的，可以设置宽高。块级元素：div、footer、header、section、p、h1…行内元素：span、img、input…空元素：br、hr……原创 2024-10-11 20:45:26 · 124 阅读 · 0 评论 -
img标签的title和alt的区别，png、jpg、gif、格式区别
在seo的层面上，蜘蛛抓取不到图片的内容，所以前端在写img标签的时候为了增加seo效果要加入alt属性来描述这张图是什么内容或者关键词。webp：同时支持有损或者无损压缩，相同质量的图片，webp具有更小的体积。jpg：采用压缩算法，有一点失真，比png体积要小，适合做中大图片。png：无损压缩，尺寸体积要比jpg/jpeg的大，适合做小图标。img标签的title和alt有什么区别？title：鼠标移入到图片显示的值。alt：图片无法加载时显示的值。gif：一般是做动图的。原创 2024-10-11 20:59:50 · 315 阅读 · 0 评论 -
document.documentElement.clientHeight与document.body.clientHeight的区别解析
document.documentElement指的是元素document.bodyt指的是元素document.documentElement.clientHeight 屏幕可视区域高度原创 2022-03-21 17:34:21 · 1377 阅读 · 0 评论 -
js写法使字符串换行，“\n“ 换行符号
“\n” 换行符号生效需搭配css的"white-space: pre"<view style="white-space: pre"> {{strs }}</view>let strs = "阶梯数量 含税价 不含税价\n";原创 2021-11-19 11:10:10 · 7764 阅读 · 0 评论 -
给表格线加粗样式或者表格格子的尺寸
td,th {padding: 5px 10px;border: 1px solid #ddd;}原创 2021-10-14 11:33:22 · 321 阅读 · 0 评论 -
NProgress页面顶部加载进度条的使用
一、基本本本的使用方法1.传统方法使用标签引入<script src='nprogress.js'></script><link rel='stylesheet' href='nprogress.css'/>2.通过nodejs安装npm install --save nprogressimport NProgress from 'nprogress' // Progress 进度条import 'nprogress/nprogress.css' //原创 2020-12-24 15:52:26 · 516 阅读 · 0 评论 -
css3的animation动画属性实现闹钟左右摇摆
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>闹钟震动</title><style>#div1{ position: relative; height: 200px; width: 200px; margin: 100px; border: 1px solid black;}#div2{ display: flex;原创 2020-12-11 10:22:39 · 1141 阅读 · 1 评论 -
各浏览器的私有属性
-moz代表火狐firefox浏览器私有属性；-ms代表IE浏览器私有属性；-webkit代表谷歌chrome浏览器、苹果safari浏览器私有属性；-o代表欧朋Opera浏览器私有属性。原创 2020-12-10 18:17:24 · 502 阅读 · 2 评论 -
display: none和visibility: hidden的区别解释
很多前端的同学认为visibility: hidden和display: none的区别仅仅在于display: none隐藏后的元素不占据任何空间，而visibility: hidden隐藏后的元素空间依旧保留 ，实际上没那么简单，visibility是一个非常有故事性的属性1、visibility具有继承性，给父元素设置visibility:hidden;子元素也会继承这个属性。但是如果重新给子元素设置visibility: visible,则子元素又会显示出来。这个和display: none有着质原创 2020-11-02 23:11:24 · 953 阅读 · 0 评论 -
CSS3新边框属性 border-radius 、box-shadow、border-image
border-radius 盒子圆角border-radius 属性是一个最多可指定四个 border -*- radius 属性的复合属性例子：border-radius:2em;is equivalent to://等同于的意思border-top-left-radius:2em;border-top-right-radius:2em;border-bottom-right-radius:2em;border-bottom-left-radius:2em;box-shadow 盒子阴原创 2020-11-02 22:59:13 · 431 阅读 · 0 评论 -
CSS3属性 transform属性
transformTransform属性应用于元素的2D或3D转换。这个属性允许你将元素进行移动，缩放，旋转，倾斜，主要是这个4种的效果转换。translate 移动单位可以是px 百分比scale 缩放单位数字rotate 旋转angle度数单位是deg,180度===180degskew 倾斜angle度数单位是deg...原创 2020-11-02 22:42:35 · 132 阅读 · 0 评论 -
CSS3属性transition 属性、animation属性
transition 过渡属性transition 属性是一个简写属性，用于设置四个过渡属性：1.transition-property指定CSS属性的name，(如：width、color),transition过渡效果2.transition-durationtransition效果需要指定多少秒或毫秒才能完成3.transition-timing-function指定切换效果的速度4.transition-delay延迟秒或毫秒数切换效果才开始animation属性animat原创 2020-11-02 22:23:55 · 320 阅读 · 0 评论