标签TAG:CSS

详细介绍css中的数学表达式calc()
css教程

详细介绍css中的数学表达式calc()

阅读(1) 作者(admin)

数学表达式calc()是CSS中的函数,主要用于数学运算。使用calc()为页面元素布局提供了便利和新的思路。定义数学表达式calc()是calculate计算的缩写,它允许使用+、-、*、/这四种...

css如何实现下划线滑动效果
css教程

css如何实现下划线滑动效果

阅读(1) 作者(admin)

本文主要讲述两种下划线动效效果,第一种悬停时X轴由内向外展开实现动画效果,第二种为左右自动展示,由左向右,或由右向左。实现的主要效果是利用伪类标签,以及hover,利用transfrom...

css中device-width与width有什么区别
css教程

css中device-width与width有什么区别

阅读(0) 作者(admin)

1、device-width定义:定义输出设备的屏幕可见宽度。不管你的网页是在safari打开还是嵌在某个webview中,device-width都只跟你的设备有关,如果是同一个设备,那么他的值就不会变。...

关于css选择器的详细介绍
css教程

关于css选择器的详细介绍

阅读(1) 作者(admin)

什么是选择器?选择器的作用是通过它可以找到元素,把css样式传递给元素!css选择器主要分为:基本选择器、属性选择器、组合选择器与伪类选择器四个大类!css基本选择器基本选择器又...

css如何实现客服悬浮效果
css教程

css如何实现客服悬浮效果

阅读(1) 作者(admin)

我们首先来看一下效果图:(推荐教程:CSS教程)接着我们来看一下实例代码:html<div class="sideBar"> <div> <div class="tips">在线客服</div> <ul class="list">...

详解CSS中position属性的用法
css教程

详解CSS中position属性的用法

阅读(1) 作者(admin)

本篇文章介绍了CSS中的position属性的用法、分类以及使用效果展示,希望对学习css的朋友有帮助!详解CSS中position属性的用法一、position属性有什么作用?CSS position属性用于...

css实现动画性能优化
css教程

css实现动画性能优化

阅读(1) 作者(admin)

一、使用css,jquery,canvas制作动画1、Canvas优点:性能好,强大,支持多数浏览器(除了IE6、IE7、IE8),画出来的图形可以直接保存为 .png 或者 .jpg的图形;缺点:依赖于HTML,只能通过脚本绘...

CSS中的&是什么意思
css教程

CSS中的&是什么意思

阅读(2) 作者(admin)

本篇文章介绍了css中&的意思,希望对学习CSS的朋友有帮助!&是sass的语法,表示嵌套的上一级,css中并没有&。CSS中的&是什么意思如源码:( 推荐学习:CSS教程 )ul{ margin-bottom: 2...

css如何实现隐藏滚动条
css教程

css如何实现隐藏滚动条

阅读(2) 作者(admin)

移动端移动端页面只要兼容 Chrome 和 Safari 就够了,所以可以使用自定义滚动条的伪类选择器 ::-webkit-scrollbar 来隐藏滚动条。.container::-webkit-scrollbar { display:...

css如何实现ul和li横向排列
css教程

css如何实现ul和li横向排列

阅读(0) 作者(admin)

因为li是块级元素,默认占一行的,要想实现横向排列,一般通过以下两个方法:float:left这样设置有一个问题,li浮动以后则脱离了文本流,即不占位置,如果它的父级元素有具体的样式且没有...

关于css中的类名问题的详细介绍
css教程

关于css中的类名问题的详细介绍

阅读(1) 作者(admin)

以下以数字开头的 CSS 类名不会生效:.1st{ color: red;}一个合法的 CSS 类名必需以下面其中之一作为开头:1、下划线 _2、短横线 -3、字母 a - z然后紧跟其他 _ , - 数字或字...

css中内容过长怎么解决
css教程

css中内容过长怎么解决

阅读(2) 作者(admin)

大家在写css的时候,肯定有过忘记设计里面存在的临界的情况。举个例子来说吧,当内容的长度超过了我们的期望值,我们也无法解释其中的可能性,页面的设计很可能会因此而崩掉。我们...

css实现等高布局有哪些方式
css教程

css实现等高布局有哪些方式

阅读(1) 作者(admin)

什么是等高布局?指在同一个父容器中,子元素高度相等的布局。从等高布局实现方式来说分为两类:1、伪等高子元素高度差依然存在,只是视觉上给人感觉就是等高。2、真等高子元素高...

css如何实现一个自适应容器
css教程

css如何实现一个自适应容器

阅读(1) 作者(admin)

目标:实现一个宽度自适应,高度为宽度一半的容器。一、思考如何实现这个问题类似于:我们在移动端页面,上面有一张宽度 100% 的图片,如果我们没设置高度,则图片会根据原有尺寸,等比缩...

css如何实现开关效果
css教程

css如何实现开关效果

阅读(1) 作者(admin)

首先是构思:我们使用<input type="checkbox">标签来实现这个效果。checkbox的选中、未选中的特性,刚好对应开关的打开、关闭on:打开 off:关闭<label for="ck2"> <input type=...

css中zoom属性有什么作用
css教程

css中zoom属性有什么作用

阅读(1) 作者(admin)

CSS zoom属性zoom:设置或检索对象的缩放比例,触发IE浏览器的haslayout属性,解决浮动,margin重叠等一些问题。语法:zoom:normal(推荐教程:CSS教程)参数:normal:使用对象的实际尺寸(默认...

css如何修改默认滚动条样式
css教程

css如何修改默认滚动条样式

阅读(2) 作者(admin)

前言:很多项目都需要改变滚动条的默认样式,并不想单独下载和引入插件。修改方法:(推荐教程:CSS入门教程) &::-webkit-scrollbar { // 滚动条的背景...

css实现背景图满屏效果
css教程

css实现背景图满屏效果

阅读(1) 作者(admin)

想让整个界面有一个背景图片,自然想到的是在body上加background,代码如下:body { width:100%; height: 100%; /* 加载背景图 */ background: url("../static/image...