CSS
小田同學
这个作者很懒,什么都没留下…
展开
-
CSS伪类、伪元素
CSS伪类用于向某些选择器添加特殊的效果。锚伪类 在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF}原创 2016-05-24 17:29:51 · 489 阅读 · 0 评论 -
更换按钮的样式
普通的按钮比较难看,并且在一些页面中显得比较突兀,和整体不合群,因此选择更换按钮的样式。 开始以为把button先display:none,然后在label上写样式就可以了,结果发现并不能得到自己想要的结果。 代码如下:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title>原创 2016-05-09 16:47:39 · 779 阅读 · 0 评论 -
利用 :before :after 写小三角形
之前写的三角形一直在同一个颜色,没有边框的样式。如下: CSS代码如下:.tri-up{width: 0;height:0;border-left:20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid red; }.tri-left{width: 0;height:0;bo原创 2016-08-03 11:47:49 · 22860 阅读 · 0 评论 -
DIV+CSS右列宽度自适应布局的不同实现方法
如下图,对右列宽度自适应布局: c 方法一: 采用左列left浮动,右列不浮动,采用margin-left定位。<style type="text/css"> *{margin: 0;padding: 0;} #left{ width:200px; float: left; height:100px; back原创 2016-08-18 11:47:59 · 622 阅读 · 0 评论 -
CSS--选择器的特殊性
CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?* (1)、id选择器( # myid) (2)、类选择器(.myclassname) (3)、标签选择器(div, h1, p) (4)、相邻选择器(h1 + p) (5)、子选择器(ul < li) (6)、后代选择器(li a) (7)、通配符选择器( * ) (8)、属性选转载 2016-08-12 14:12:02 · 619 阅读 · 0 评论