没事胡乱写了点学习心得_为什么要写学习心得
没事胡乱写了点学习心得由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“为什么要写学习心得”。
没事胡乱写了点学习心得,帖出来供和我一样的初学者们探讨。水平有限,错误难免,恳请批评指正。
先来看第一个例子:
A:link {COLOR: #000000;TEXT-DECORATION: none;FONT-SIZE: 12px;}
A:hover {COLOR: #ff0000 ;TEXT-DECORATION: underline;FONT-SIZE: 12px;}
A:visited {COLOR: #000000;TEXT-DECORATION: none;FONT-SIZE: 12px;}
A:active {COLOR: #ff0000; TEXT-DECORATION: none;FONT-SIZE: 12px;}
BODY {FONT-SIZE: 12px;}
-->
我们来看它的含义:
1、TYPE=“text/c” 设定采用MIME类型,这样以来,不支持CSS的浏览器可以忽略样式表。而注释标签
()的作用有时候更为重要,比如像MAC机用的IE 2.0等这样老的浏览器即使设定了采用MIME类型却也会继续执行下面的命令,从而显示出样式表的代码!注释标签就解决了这样的问题。
2、A:link 表示链接文字的颜色;A:hover 表示当鼠标移到链接文字上时链接文字呈现的颜色;A:visited 代表访问过的链接文字的颜色;A:active 则代表单击链接时文字的颜色。
3、BODY {FONT-SIZE: 12px;}一句用来指定页面中的文字的大小。这样,即使你在“查看”——“文字大小”里面设置为“最大”,网页中的文字也不会起变化。而如果你单纯在HTML中使用标志对限定文字的大小是没有用的。
3、CSS的核心是规则,每一个规则又包含着选择和说明:A:link {COLOR: #000000;TEXT-DECORATION: underline;FONT-SIZE: 12px;}是一条规则。A:link是选择,说明由大括号括起来,大括号之间的是属性和值,如上面的例子,“COLOR”就是属性,“#000000”是值。一个规则里面可以包含多个属性,属性之间用“;”隔开。更另人兴奋的是所有的HTML标签都可以用作选择,并附加样式表说明!从这里你就能看出,CSS的功能是多么的强大了。
4、为了使样式表的定义更加易读易懂易改,我们应该每行定义一个属性。
我们把第一个例子的代码放到网页源文件中的和之间,就可以定义整个页面中的所有链接的外观了和文字的大小了。
当然,为了方便,我们还可以归类样式表的规则。如:
tr,td,p
{ font-family: arial;}
这项归类设定所有位于、、
的标签均用arial字体显示。
通过第一个例子,我们已经认识了CSS的基本语法。那么,将CSS运用到网页在中的方法有几种呢?
其实刚才我们已经看到了一种方法:植入样式表。除此之外,还有三种常用的方法,分别是:将一个外部样式表链接到HTML文件上;将一个外部样式表输入到HTML文件中;将样式表加入到HTML文件行中。
植入样式表将样式表的所有信息都列于HTML文件的顶部,它将作用于整个HTML页面中。
如果想对网页一次性加入样式表规则的话,这无疑是种好方法。
链接样式表可以方便的管理你的很多HTML文件。如果你要建设或维护的站点很大的话,完全可以将很多HTML文件链接到一个外部样式表上。比如在经典论坛就是这样做的(你可以查看看本页的源文件):
当然,你一定要再另外生成一个文本文件,起名“style.c”。这里需要注意的是,在使用链接的样式表时,是无须使用注释标签的。当链接好以后,你就会发现所有链接了CSS样式标签的网页都会按照CSS所定义的规则显示。方便吧?
输入外部样式表的方法和链接样式表的方法是类似的。但是,链接法不能再同其他方法结合使用,而输入法可以。举第二个例子来说明吧:
@import url(mystyle.c);
H1 {COLOR: #ff0000;font-family: impact;}
-->
输入样式表的例子
This is my second example!
This is my second example!
而我是这样写“mystyle.c”的:
H1 { color: blue;font-family: arial;}
P { background: yellow;font-family: courier;}
你会发现,“mystyle.c”中的规则和植入的样式表规则发生了矛盾。这时浏览器将执行植入样式表的规则。
值得注意的是:输入外部样式表必须以“@import”开头,就像上面的例子一样。
最后一种是在HTML行中加入样式规则。我们把第二个例子修改一下:
输入样式表的例子
This is my second example!
This is my second example!
修改后所实现的效果和第二个例子是一样的。它的不便之处是你必须在每一行都加入样式规则,因为它的作用域仅是在这一行内,当浏览器执行下一行的代码时,就会回到缺省状态。CSS样式表的强大之处更在于它能够将以上几种方法结合使用,让你来实现你所能想象到的效果!
下面来说一下CLASS的使用方法和CSS注释的有关问题:
什么是CLASS?
简单的说,它是一种分类。作用是帮助我们实现更为复杂的效果。比如:
CLASS的作用举例
P.first { color: blue;}
P.second { color: red;}
P.third { color: green;}
-->
我是蓝色的^O^
我是红色的^O^
我是绿色的^O^
说明:
1、还可以这样分类:
.first { color: blue;}
这样更加灵活。
2、类的名称可以是任意的,但是在样式表规则里面的类别名称前一定要加一个句号(英文的)。
虽然这个例子很简单,但它至少说明了利用样式表我们可以轻松实现一些复杂的东西。CSS注释相关:
勤加注释应该被视为一种好习惯,哪怕代码非常简练也应该加以注释,以方便今后的管理。CSS的注释应放在“/*”和“*/”之间。
/* This is a comment */
P.first { color: blue;}/*blue
for the first paragraph of every
page*/
-->
上面我说了一些初学CSS层叠样式表的朋友们应该具备的基本的东西。下面我想说的是如何用script+CSS来修饰网页的问题。
如果想在一段链接文字上出现第一个例子的效果,用VBscript+CSS应该怎么做呢?请看代码:
me.style.textdecoration='underline';me.style.fontsize='12px'“
onmouseout=”VBscript:me.style.color='#000000';me.style.textdecoration='none';
me.style.fontsize='12px'" >蓝色理想
其中onmouseover是鼠标移到链接文字上时产生的事件,onmouseout则是鼠标移出时产生的事件。VBscript后面的me指定这个链接,style引用CSS,color、textdecoration、fontsize等都是链接文字的属性,分别代表了链接文字的颜色、修饰、字体大小等。这个例子很简单,大家看一下就会明白。
菜单可是我们经常接触到的东东!下面的例子就是关于菜单的。希望大家认真看。在
胡乱杂文随笔今天晚上我注定睡不着。好像诅咒一样,最不想看到的事发生了,除了睡一觉,什么都做不了。成王败寇,莫过如此。赛前我疯狂迷信,立了无数flag,希望一切都是最好的结局。我......
刀豆文库小编为你整合推荐8篇胡乱杂文随笔,也许这些就是您需要的文章,但愿刀豆文库能带给您一些学习、工作上的帮助。......
胡乱心情随笔参考花开花落,我们曾经最美的岁月是否还在;月暗月明,我们曾经一起的时光是否铭记。我们一直走着自己不想走的路,却没有勇气去挑战那所谓的禁地。所以迷失,所以彷徨,所......
胡乱花钱的检讨书钱来之不易,我不该乱花钱。钱是用勤劳汗水挣来的,我不该因为看见了吸引人的东西,就用钱来满足自己的欲望,我错了,我真的'错了,我从一开始就不该乱花钱,如果我不乱......
没事谈谈恋爱(三封情书)第一封亲爱的,这封信的原题为《一封情书,两封情书,三封情书》,这个题目很像一个传统的双簧小品:一碟子腌白菜,一碟子腌白菜呀„„很想爱一个,真的去爱一个,白天......
