2012年5月6日
一个用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 阅读(1325) 评论(0) 推荐(0)
2012年5月5日
盒子！盒子！盒子！
摘要： 话说今天终于开始整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 阅读(258) 评论(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 阅读(959) 评论(0) 推荐(0)
2012年5月4日
一段代码学会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 阅读(13841) 评论(2) 推荐(0)
2012年5月1日
常见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 阅读(1591) 评论(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 阅读(551) 评论(0) 推荐(0)
2012年4月30日
菜鸟关于CSS的一点思考
摘要： 1、CSS，（Cascading Style Sheet）可译为“层叠样式表”，主要是为了解决很方便的设置元素样式这一问题；2、下面两幅图代表了CSS的“初心”；3、CSS的选择器最早一定是一个标记名，比如<h1>，后来人们发现，哎呦不错哦，CSS还能做得更多，所以将选择器的范围扩大到“自定义的类名”、“自定义的id名”，恩，这样逻辑上是合理的；4、从这个角度理解CSS就容易多了，如果你有“<h1>”，那我就直接来，如果你没有，那我就自己定义一下，然后照着有的来。 阅读全文
posted @ 2012-04-30 21:02 roytanlu 阅读(193) 评论(0) 推荐(0)
滚动跑马灯标记marquee实用代码
摘要： marquee这个代码比较经典了，现在好像用得人不多了，主要作用是文字图片闪呀闪的，以前叫酷，现在叫最炫民族风了。话说我以前在VB上最会干这个了。1 <!--以下代码可用于滚动文字或图片-->2 <marquee direction="down" behavior="alternate" scrollamount="10" scrolldelay="4" loop="0" align="middle" onmouseover=this.stop() onmo 阅读全文
posted @ 2012-04-30 17:32 roytanlu 阅读(491) 评论(0) 推荐(0)
常用图片加链接文字加链接代码
摘要： 以下是一段经常能用到的代码，都是入门级的，放在这里给自己备忘一下，哈 1 <!--测试段落标记<p></p>;测试align属性的“居中”效果--> 2 <p align="center"> 3 4 <!--一段文字加个链接--> 5 <a href="http://www.pmlab.cn" ta 阅读全文
posted @ 2012-04-30 08:16 roytanlu 阅读(1433) 评论(0) 推荐(1)
2012年4月20日
版权所有LIKEWING_柳我借地存个图学习一下
摘要： http://weibo.com/liuchenbin928大图点击（这里—>） 阅读全文
posted @ 2012-04-20 12:33 roytanlu 阅读(157) 评论(0) 推荐(0)