摘要: 结构性伪类选择器—root:root选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是。示例演示:通过“:root”选择器设置背景颜色HTML代码::root选择器的演示CSS代码::root { background:oran... 阅读全文
posted @ 2015-04-23 15:08 IT姑凉 阅读(1300) 评论(0) 推荐(0)
摘要: 练习题根据所学知识,使用CSS3实现下图的导航菜单效果任务1、制作导航圆角提示:使用border-radius实现圆角2、制作导航立体风格提示:使用box-shadow实现立体风格3、制作导航分隔线提示:使用渐变与伪元素制作4、删除第一个和最后一个导航分隔线提示:使用伪元素删除第一个和最后一个分隔线... 阅读全文
posted @ 2015-04-23 14:33 IT姑凉 阅读(1503) 评论(0) 推荐(0)
摘要: background-origin设置元素背景图片的原始起始位置。语法:background-origin : border-box | padding-box | content-box;参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。效果如下:需要注意的是,如果背景不... 阅读全文
posted @ 2015-04-23 14:11 IT姑凉 阅读(622) 评论(0) 推荐(0)
摘要: text-shadow可以用来设置文本的阴影效果。语法:text-shadow: X-Offset Y-Offset blur color;X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移;Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之... 阅读全文
posted @ 2015-04-23 09:49 IT姑凉 阅读(711) 评论(0) 推荐(0)
摘要: @font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。语法:@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径;}这样设置之后,就可以像使用普通字体一样在(font-*)中设置字体样式。比... 阅读全文
posted @ 2015-04-23 09:32 IT姑凉 阅读(464) 评论(0) 推荐(0)