CSS
文章平均质量分 55
带刀预言家
带刀预言家
展开
-
HTML+CSS:临摹电商网站解决兼容性问题以及心得
临摹电商网站过程中,难免会遇到各种浏览器不兼容样式的问题。 我的ie浏览器是ie11,因此还是很大部分可以兼容的。 但是在ie6上兼容则不是那么好了。 接下来主要是说说我遇到的问题以及不兼容的地方和解决方法。星号居中文字并紧邻文字 如图可以看到星号是紧邻着文字的,所以无法使用背景来设置星号的位置。 但我发现为了居中文字,需要使文字和星号分装在两个容器中,令装有星号的vertical-a原创 2017-03-09 12:15:48 · 1174 阅读 · 0 评论 -
CSS:一个简单的loading动画
<div id="circle"></div><div id="inner"> <div id="spiner"></div> <div id="filler"></div> <div id="masker"></div></div>#inner { position: absolute; left: 24px; top: 24px; width: 100px;原创 2017-05-19 21:40:29 · 703 阅读 · 0 评论 -
CSS:纯CSS绘制三角形(原理)
设置大边框的时候矩形的显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>绘制三角形</title> <style type="text/css"> #triangle{ display: inline-block; wi原创 2017-03-01 20:05:16 · 529 阅读 · 0 评论 -
CSS: 关于display属性中inline、block、inline-block的不同
关于display:inline、display: block和display: inline-block的区别简单地说,设置display: inline;属性将会变成行内元素,不换行,两边可以有其他元素。设置display: block;属性将会变成块级元素,此时可以为该元素设置宽和高了,但是独占一行。设置display: inline-block;属性则是上面二者的结合,既不原创 2017-02-27 15:02:56 · 255 阅读 · 0 评论