1、list的ul的li的width一样时，width要固定，还有高2、制作滚动插件时，的结构<div class=” body ”><div class=” prev ”><div><div class=” list ”>width的值为滚动个li的宽度 或 n个里的宽度<div class=” wra …
css透明属性
本文翻译自 Learn CSS radial-gradient by Building Background Patterns，作者：Temani Afif 略有删改如果你是CSS渐变的新手，你可能听说过radial-gradient()。如果以前从未使用过它，那么这篇文章适合你。在本教程中，我将重点介绍一些真实的和实用的示例，以解释radial-gradi …
前言学习网页的概念和分类，了解静态网页和动态网页的不同；了解网页浏览器的工作原理。了解HTML,XHTML,HTML5的概念，制作简单的HTML页面的开发。什么是网页可以在internet上通过网页浏览信息，如新闻，图片等，还可发布信息，如招聘信息等，网页是在某个地方某一台计算机上的一个文件。网页主要由3部分组成：结构，表现，行为。静态网页的特点是不论在何时 …
作者：SbCoco来源：iCSS前端趣闻说起 background-clip ，可能很多人都很陌生。Clip 的意思为修剪，那么从字面意思上理解，background-clip 的意思即是背景裁剪。我曾经在 从条纹边框的实现谈盒子模型[1] 一文中谈到了这个属性，感兴趣的可以回头看看。简单而言，background-clip 的作用就是设置元素的背景(背景图 …
一、公共属性QML里的各个可视化对象均继承与Item类，因此公共属性也就是Item的属性注意：Item本身是不可视化的1、标识符：id功能：标识对象，方便引用特点：必须唯一（可省略非必需），不然使用的时候语义不明2、位置：xy功能：描述对象相对于父元素的位置3、大小：widthheight功能：描述对象的大小：宽、高4、层级顺序：z功能：类似于CSS里的z- …
当我们想给一个矩形或者其他能用border-radius生成的形状加投影时，box-shadow的表现都很棒的。但是，当元素添加可一些伪元素或半透明的装饰之后，border-radius会无视这些。这是原本的图形：<!DOCTYPE html><html lang="en"><head><meta c …
制作网页端时候，有时候，需要一个透明的小图片，作为占位符，当然可以做一个小的png图片，但还得保存为一个图片文件，维护很麻烦。今天分享几个小的图片，无需保存文件，直接在任何地方使用，简单方便：可以直接用在 css 中，background:url("...");可以直接用于：<img src='...' >一、ba …
在数字时代，图片已成为我们日常生活和工作中不可或缺的一部分。无论是高清照片，还是有趣的表情包，数字图像都伴随着我们生活的每一天，不过在面对JPG、PNG、GIF、WebP等多种格式的时候，大多数人往往感到困惑：不同格式的图像有哪些特点，为什么有的体积很大，而有的体积很小但不会模糊呢？位图与矢量图：图像世界的两大阵营在深入探讨具体图片格式之前，有必要先了解数字 …
看到题目是不是吓了一跳？css竟然还有这个操作？还真是第一次听说~原理嘛，其实很简单的，用到的就是 CSS3 滤镜filter中的drop-shadow，该滤镜可以给图片非透明区域添加投影。你可以理解为下图它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。是有一点类似box-shadow，但是二者还是有显著差别的，我后面会写一篇专门 …
1、*{} #zishu *{} 尽量避开由于不同浏览器对HTML标签的解释有差异，所以最终的网页效果在不同的浏览器中可能是不一样的，为了消除这方面的风险，设计者通常会在CSS的一个始就把所有标签的默认属性全部去除，以达到所有签标属性值都统一的效果。所以就有了*通配符。*会遍历所有的标签;*{margin:0; padding:0}●建议的的解决办法：不要去 …