05 2012 档案

不写helloworld总觉得哪里似乎不对之javascript
摘要：没啥好说的，world尽在hello中<script language="Javascript" type="text/javascript" > function msg() {alert ("hello world!")}</script><body> <p onclick="msg()">click here</p></body> 阅读全文
posted @ 2012-05-18 22:25 roytanlu 阅读(161) 评论(0) 推荐(0)
我就喜欢不用图片做圆角之山顶角方法
摘要：1、基本思路是用几条线叠加；2、如果是4条线的话，边距（margin）依次是5、3、2、1；3、下图中的上图常用于网站导航标签，下图中的下图常用于网站各种标签； 1 <style type="text/css"> 2 .item{ width: 107px; } /*定义1个类元素*/ 3 .item p{ /*在类中的段落*/ 4 margin:0px; 5 padding:5px; /*padding和字体高度匹配*/ 6 background:yellow;} 7 .item div{ /*在类中的层*/ 8... 阅读全文
posted @ 2012-05-16 23:42 roytanlu 阅读(180) 评论(0) 推荐(0)
CSS制作垂直菜单效果
摘要：1 <style type="text/css"> 2 #czcd a{ /*后代选择器，外层的标记写在前面，内层的标记写在后面，在ID选择器“czcd”内的a标记选择器*/ 3 font-size: 14px; 4 color: blue; 5 text-decoration: none; 6 background-color: yellow; 7 display: block; /*通过display定义为块级元素*/ 8 width: 83px; 9 padding: 6px 10px 4px; ... 阅读全文
posted @ 2012-05-13 21:08 roytanlu 阅读(358) 评论(2) 推荐(0)
彻底解决ubuntu下mp3歌名乱码的问题
摘要：问题的原因：这个主要是因为ubuntu下mp3的编码形式和windonws下不同造成的。解决的办法：1、首先大家需要一个软件，在终端里输入：sudo apt-get install python-mutagen2、然后通过CD命令找到音乐的目录；3、运行含通配符*的命令将现有mp3的歌名转换，命令如下：mid3iconv -e GBK */*.mp34、如上图，显示将歌曲名的格式转化ing，因为你歌曲的多少，可能耗费一些时间，特别的，对于某个具体的目录来说，比如：需要转换“音乐”>“2007花龄盛会”下所有的歌曲名，可先通过CD命令到指定目录，然后在终端输入命令：mid3iconv -e 阅读全文
posted @ 2012-05-13 12:32 roytanlu 阅读(344) 评论(0) 推荐(0)
块级元素与行内元素的区别及其CSS展现
摘要：1、块级元素是换行的，类似猛击回车的效果；2、行内元素是在同一行的，类似空格的效果；以上是我乱总结的，大家还是看图吧： 1 <style type="text/css"> 2 div{ /*标记选择器，定义body的CSS为：宽度2px、样式solid、蓝色*/ 3 border:2px solid blue; 4 padding:10px; /*盒子的填充为10px*/ 5 margin:2px; /*盒子的边距为2PX*/ 6 } 7 a{ /*标记选择器，定义a标记的CSS为：宽度2px、样式doub... 阅读全文
posted @ 2012-05-12 20:18 roytanlu 阅读(206) 评论(0) 推荐(0)
CSS制作边框表格
摘要：<style type="text/css">table{ /*定义table标记*/ border: 1px solid #0033FF; /*表格标记的边框线条宽度，样式，颜色*/ }td.title{ /*后代选择器，在单元格标记td里面，类标记title*/ border-bottom: 1px dashed #0066FF; /*下边框的宽度、样式、颜色*/ } </style><table width="168" cellpadding="3" cellspacing="8" 阅读全文
posted @ 2012-05-06 18:18 roytanlu 阅读(199) 评论(0) 推荐(0)
一个用CSS制作的表单样式
摘要：不细说，直接上图：千言万语都在代码注释里，欢迎大家和我讨论： 1 <style type="text/css"> 2 3 form{ /*定义表单标记form的样式*/ 4 border:1px dotted blue; /*通过缩写的形式定义form的表框border样式，分别为border-width、border-style、border-color*/ 5 padding: 1px 6px; /*定义填充padding的样式，缩写给出两个属性值时，前者为上下边距的宽度、后者为左右边距的宽度*/ 6 margin: ... 阅读全文
posted @ 2012-05-06 10:30 roytanlu 阅读(1333) 评论(0) 推荐(0)
盒子！盒子！盒子！
摘要：话说今天终于开始整CSS中的盒子了。抽象的盒子概念如下：1、最里面的核，也就是内容content，有width、height；2、环绕着内容的是一个填充的概念，padding，是padding-top、padding-bottom、padding-left、padding-right；3、padding外面是盒子的边框border，border也有border-top、border-bottom、border-left、border-right，特别的，border除了上下左右以外，还有宽度(border-width)、颜色(border-color)和样式(border-style)，3个主 阅读全文
posted @ 2012-05-05 22:08 roytanlu 阅读(261) 评论(0) 推荐(0)
后代选择器的范例
摘要：1、后代选择器的作用是：当X元素中包含y元素时，后代选择器有办法选中y元素。2、后代选择器的写法是：X y，也就是说外面的写在前面，内层的写在后面。<style type="text/css"> /*下面是一个a标记，即链接标记*/ a{ color: red; } /*下面是一个后代选择器，其中在外面的是一个a标记，在里面的是一个b标记，即粗体标记*/ a b{ color: green; }</style><body> <b>示例文字000</b></br><!--参照组，单纯的b标记，未在上 阅读全文
posted @ 2012-05-05 16:57 roytanlu 阅读(967) 评论(0) 推荐(0)
一段代码学会CSS交集选择器和并集选择器
摘要：1、交集选择器是and；2、并集选择器是or；3、交集选择器只能交2个，其中第1个是标记，第2个是类选择器或者ID选择器，之间不能有空格，形如：h2.special；4、并集选择器可多个，中间用“,”隔开；下面的代码演示了两种选择器的作用（实际运行效果见上图）。<!--以下为CSS代码部分--><style type="">/*一个并集选择器*/ h1,h2,h3,p{ font-size:12px; color:green; } /*并集选择器内依次有交集选择器(h2.special)、类选择器(special)、ID选择器(#one)*/ h2. 阅读全文
posted @ 2012-05-04 23:11 roytanlu 阅读(13889) 评论(2) 推荐(0)
常见html标记和页头说明
摘要：一、常见的需要熟记的html标记有：（1）结构标记：html，head，body（2）头部标记：title，meta（描述标记），link（外链，如CSS，或元标签等），style（头部直接嵌入CSS），base（基准标记，如指定全部新窗口打开等），script（链接或嵌入js）（3）文本标记：font，b（加粗），i（倾斜），u（下划线），em（倾斜，语义重要），strong（加粗，语义重要）（4）段落标记：p（段落），hn（即传说中的h1～h6），pre（格式化文本），marquee（跑马灯），br（文本换行），nobr（不换行），hr（插入水平线），address，center，bloc 阅读全文
posted @ 2012-05-01 11:20 roytanlu 阅读(1609) 评论(0) 推荐(0)
CSS的优先级和继承性
摘要：1、优先级是指如果多个选择器作用于同一个元素时，CSS的处理规定；2、对于优先级CSS总的原则是：越特殊的样式，优先级越高；3、具体的说，优先级规则是：!important>行内样式>ID样式>类别样式>标记样式，可参考下图：4、通过优先级规则我们可以知道：如果子元素定义的样式和父元素定义的样式冲突，则以子元素自己的样式为准；如果没有发生冲突，则子元素则继承父元素的样式风格；5、特别的，继承来的样式的优先级要比元素具有的默认优先级低，如下面这个例子： 1 <style type="text/css" > 2 /*body标记选择器*/ 3 阅读全文
posted @ 2012-05-01 08:24 roytanlu 阅读(558) 评论(0) 推荐(0)