现在的位置: 首页 > 综合 > 正文

csdn博客中不仅仅可以添加友情链接

2013年02月06日 ⁄ 综合 ⁄ 共 2385字 ⁄ 字号 评论关闭

      csdn博客中博客栏目中我们可以自行添加栏目,因为其是支持html格式的,我们可以利用它添加一些友情链接。

我们平时关注的一些csdn专家,优秀博主,找到他们的链接添加到内容栏里,下面是我找到的一些java优秀博主,

 <li><a href="http://blog.csdn.net/zhangerqing" target="_blank"><font color="green">姜涛</font></a></li>
   <li><a href="http://blog.csdn.net/xieyuooo" target="_blank">谢宇</a></li>
   <li><a href="http://blog.csdn.net/chszs" target="_blank">李强</a></li>
   <li><a href="http://blog.csdn.net/beijiguangyong/"target="_blank">郗晓勇</a></li>
   <li><a href="http://blog.csdn.net/bluishglc/" target="_blank">耿立超</a></li>

如下图

既然csdn支持html格式的文本,那html没有那么简单,其实它还可以做更多的事情:下面我们可以自定义自己的博文个性:

如下:

<style type="text/css"> 
   a:link { text-decoration: none;color: blue}<!--未点击时,显示蓝色,underline参数表示超链接的文字有下划线-->
   a:active { text-decoration:red}
   a:hover { text-decoration:underline;color: blue;font-size:150%;} <!--鼠标在上面字体增大%50-->
   a:visited { text-decoration: none;color: black}  <!--点击后显示黑色-->
   </style> 

把以上代码添加到自己的添加栏目内容栏里,就会发现自己的所有博文都已经是这个样式了。当别人浏览博文的时候,可以很清楚的知道哪些文章读了,哪些文章还没有读

更有意思的事情,咱们可以自己添加图片:

在内容栏里添加如下内容:

<DIV id=blog_medal>
<DIV class=ico_expert title=CSDN认证专家></DIV></DIV>

就会在自己的博客中出现如下效果(请点击效果二字),大家姑且可以尝试一下,

            最后介绍一下css,内容来自互联网:   CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。在制作网页的时候使用 CSS 可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。CSS就是CascadingStyle Sheets,中文翻译为“层叠样式表”,简称样式表,它是一种制作网页的新技术。  

         网页设计最初是用HTML标记来定义页面文档及格式,例如标题<h1>、段落<p>、表格<table>、链接<a>等,但这些标记不能满足更多的文档样式需求,为了解决这个问题,在1997年W3C(TheWorld Wide Web Consortium)颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版本之后,又在1998年5月发布了CSS2版本,样式表得到了更多的充实。W3C把DHTML(DynamicHTML)分为三个部分来实现:脚本语言(包括JavaScript、Vbscript等)、支持动态效果的浏览器(包括Internet
Explorer、NetscapeNavigator等)和CSS样式表。

  你可以用CSS精确的控制页面里每一个元素的字体样式、背景、排列方式、区域尺寸、四周加入边框等。使用CSS能够简化网页的格式代码,加快下载显示的速度,外部链接样式可以同时定义多个页面,大大减少了重复劳动的工作量。

     css的作用可以达到的效果及特点:

(1)在几乎所有的浏览器上都可以使用。

  (2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

  (3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

  (4)你可以轻松地控制页面的布局。

  (5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。想一想,没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的?我们一般使用HTML标签来实现,代码非常烦琐。很难想象,如果在一个页面里需要频繁地更替字体的颜色大小,最终生成的HTML代码的长度一定臃肿不堪。说实话,CSS就是为了简化这样的工作诞生的,当然其功能决非这么简单。结合DIVCSS是通过对页面结构的风格控制的思想,来控制整个页面的风格的属性。浏览器通过CSS类解释来呈现CSS属性来表现样式里设置的样式。

  CSS替我们解决什么问题-CSS作用?通过前面我们知道CSS也只是一个技术或一个东西的代名词,那究竟CSS作用是什么,CSS能帮我们解决什么问题呢?

  CSS配合DIV或div+css作用与解决问题:

  1、CSS技术帮我们控制网页中的字体大小、页面宽度、页面内容靠左靠右、字体样式、某些网页里区域背景图片、背景颜色、超链接鼠标事件样式、图片居中、文字居中、网页中内容板块间隔等样式(花样)。

2、网页中一些标签元素样式控制,如:标题<h1>、段落<p>、span<span>、列表<li>等等网页元素设置控制,包括上面讲的文字图片大小、DIVCSS布局宽度颜色等属性。

      

抱歉!评论已关闭.