css中块状元素和内联元素
CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。块状元素块状元素特点1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。2、元素的高度、宽度、行高以及顶和底边距都可设置。3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。常用的块状元素有：、
vue 自定义步骤条组件（css）
话不多说直接上组件代码。。<template<div<ulclass"steps"<livfor"(item,index)inSetData":key"itemindex":class"{'a
如何只使用CSS提升页面渲染速度
用户喜欢快速的Web应用。他们期望页面加载速度快，运行流畅。如果滚动时出现动画中断或延迟，用户很可能就会离开你的网站。作为一名开发者，你可以做很多事情来提升用户体验。本文主要介绍你可以用来提升页面渲染速度的4个CSS技巧。1\.Contentvisibility一般来说，大部分Web应用都有复杂的UI元素，并且它的扩展超出了用户在浏览器
CSS3动画之逐帧动画
CSS3动画开发指南第二弹，剥丝抽茧为你解析逐帧动画，同时放送从实战经验中总结出来的逐帧动画使用技巧。什么是逐帧动画要了解CSS3逐帧动画，首先要明确什么是逐帧动画。看一下维基百科中的定义：定格动画，又名逐帧动画，是一种动画技术，其原理即将每帧不同的图像连续播放，从而产生动画效果。简而言之，实现逐帧动画需要两个条件：（1）相关联
CSS 背景图像 填充整个页面示例
backgroundimage属性可以设置背景图像。背景图像可以填充整个页面的，也可以填写一部分。backgroundimage属性的使用很简单：backgroundimage:url(图片地址)填充整个页面示例<!DOCTYPEhtml<html<head
HTML 使用CSS 设置透明度Opacity
HTML/CSS标签透明度效果的实现在HTMLCSS编程中,实现半透明背景，通常有3中做法，分别是使用RGBA，PNG和CSSfilter。方法一.第一种是HTML5的透明，在H5中支持透明背景颜色，但遗憾的是，H5中的办透明背景颜色只支持rgba的写法，不支持16进制的写法如：ba
【CSS】IE8 中 height 与 min
测试demo 源代码：<!DOCTYPE html<html lang"zhCN"<head <meta charset"UTF8" <meta httpequiv"XUACompatible" content"IEedge,chrome1"/ <
15 个有趣的 JS 和 CSS 库
前端开发者们，一起来看看有木有你需要的前端库。1.DisplayJS!(https://oscimg.oschina.net/oscnet/a6f076a23828479abe8bc09e572a4e9e.jpg)DisplayJS是一个帮助你渲染DOM的简易框架。使用它，你可以更容易地将J
CSS复习笔记二：浮动和清除浮动
一、浮动的性质1、浮动的元素脱离标准文档流，并且可以设置宽度和高度。2、浮动的元素相互贴靠3、浮动的元素有“文字环绕”效果 含有图片的div浮动，段落不浮动，文字会环绕图片。4、div浮动了且没有设置宽度，那么将自动收缩为内容的宽度。浮动（脱标）的元素是不能把容器惩处高度的。二、浮动的清除