在网页中调用CSS的方法:在<head></head>之间加入以下一行代码<linkhref="http://pannijingling.blog.163.com/blog/css/yangshi.css"rel="stylesheet"type="text/css"/>a:active是超级链接的初始状态a:hover是把鼠标放上去时的状况a:link是鼠标点
原创
2018-08-03 18:03:30
2228阅读
超链接伪类: 伪类样式:语法:标签名:伪类名{声明;}示例:a:hover {color:#B46210;text-decoration:underline;}设置伪类的顺序:a:link->a:visited->a:hover->a:active示例:<a href="#">帅哥</a>a:link{ 未点...
原创
2022-12-09 12:00:05
182阅读
超链接是网页上最普通的元素,通过超链接能够实现页面的跳转、功能的激活等,因此超链接也是与用户打交道最多的元素之一。在HTML语言中,超链接是用<a>标记来实现的,例如<a href="www.iteye.com">JAVA网站</a>,默认情况下超链接统一为蓝色且有下划线,被点击过的超链接则为紫色并且也有下划线。可以点击本段的“JAVA网站”
原创
2013-07-31 19:22:25
3099阅读
点赞
温馨提示:一下css封装,建议按需使用,否则会造成很大的代码冗余,且很多样式会造成不符合预期的效果,建议合理使用 <a href="https://meyerweb.com/eric/tools/css/reset/">Reset.css</a> function.css /* 禁止选中文本 */
原创
2021-07-19 16:50:03
301阅读
Css3的动画效果给我们的网站增加不少乐趣特色,你如果喜欢个性动感的效果,学学CSS的动画过渡很有帮助。一、Html布局<a rel="hover-shadow" class="button hover-shadow">Hover Shadow</a>二、Css代码1、给button添加样式.button { margi...
原创
2023-02-19 01:41:01
249阅读
一、CSS3圆角的优点
传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,而且还有其他多个优点:
* 减少维护的工作量。图片文件的生成、更新、编写网页代码,这些工作都不再需要了。
* 提高网页性能。由于不必再发出多余的HTTP请求,网页的载入速度将变快。
* 增加视觉可靠性。某些情况下(网络拥堵、服务器出错、网速过慢等等
原创
2012-09-03 22:42:31
616阅读
在PC版开发中由于IE原因,我们很少用到css3,但随着平板和智能手机进入我们的生活,以及现在越来越流行,在手机版和平板版开发中我们就可以大胆的使用了,下面我们探讨常用几个css3属性: 1.css3前缀使用介绍,我们直接看个例子:
Java代码
-webkit-transform:rotate(-3deg); // 给Chrome和Safari等webkit内核的浏览器使用
转载
2014-11-13 12:48:00
124阅读
2评论
list-style-type:none;disc:实心圆cirle:空心圆none:不使用项目符号decimal:阿拉伯数字square:实心方块......用于
原创
2023-05-19 15:16:11
59阅读
css3 width: calc(50% - 10px) sass 1、奇偶行
原创
2021-08-04 15:51:20
173阅读
css3-4 css3边框样式 一、总结 一句话总结: 二、css3边框样式 1、相关知识 边框属性:1.border-width2.border-style3.border-color边框方位:1.border-left:1px solid #f00;2.border-top:1px solid
转载
2018-06-22 02:48:00
149阅读
CSS中超链接样式的书写顺序超链接有四种样式:a.link{} /* 正常情况下的样式 */a.visited{} /* 已访问过的样式 */a.hover{} /* 鼠标超链接移过时的样式 */a.active{} /* 鼠标在超连接上使用右键时的样式 */正常的书写顺序应该如上面的写法
原创
2021-07-23 14:06:12
520阅读
有几天没有写博客了,考试实在烦人啊!
考试之前我就想困惑这个css中超链接样式设计的问题,一致没有搞明白。无论是从颜色还是下划线都不能达到自己想要的效果。也不知道每一项表示的是超链接什么时候的样式。
今天突然看到一篇博客(http://jeoff.blog.51cto.com/186264/43116)在他的博客中提到了顺序问题。通过实验和之前的摸索学习,我也发现了和顺序有关系,但是具体是什么
推荐
原创
2011-07-05 11:09:54
1536阅读
点赞
2评论
$(“#id”).attr(“class”);//获取样式
$(“#id”).attr(“class”,className);//设置样式
$(“#id”).addClass(className);//追加样式
$(“#id”).removeClass(className);//移除样式
$(“#id”).toggleClass(anotherClass) //重复切换anothe
转载
2023-07-14 14:33:13
31阅读
CSS3-边框border-radiusbox-shadowborder-image【1】box-shadowbox-shadow: 50px 50px 0 20px #ffb;图:解析:参数1:X轴,图中为30,因为50-20=30;
参数2:Y轴,图中为30,因为50-20=30;
参数3:模糊距离
参数4:阴影大小,默认可省略不写时为0。
参数4:颜色。复制代码【2】border-image
转载
2021-01-21 18:30:06
296阅读
2评论
超链接样式设定
原创
2016-11-13 14:20:55
587阅读
.myLinkA { text-decoration: none; font-size: 12px; background-color: #4CAF50; bo\
原创
2022-08-31 11:51:38
247阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&g
转载
2011-06-24 22:49:00
144阅读
2评论
#button1{
width: 100px;
height: 30px;
font-size: 18px;
font-family: 微软雅黑;
letter-spacing: 8px;
padding-left: 12px;
} 添加基本的样式,设置大小为
以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面。出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题,给出的结果我试了试,大部分都不正确。 给出我试的顺序,可能会对大家有一些帮助:A:link { color: #000000; TEXT-DECORATION: none}A:visited { COLOR: #000000; TEXT-DECORATIO
原创
2022-09-21 13:49:40
366阅读
移动Web界面样式-CSS3
CSS3
CSS2.1发布至今已经有7年的历史,在这7年里,互联网的发展已经发生了翻天覆地的变化。CSS2.1有时候难以满足快速提高性能、提升用户体验的Web应用的需求。CSS3标准的出现就是增强CSS2.1的功能,减少图片的使用次数以及解决HTML页面上的特殊效果。
在HTML5逐渐成为IT界最热门话题的同时,CSS3也开始慢慢地普及起来。目前,很多浏览器都开
原创
2012-05-23 16:16:22
365阅读