没事胡乱写了点学习心得_为什么要写学习心得

2020-02-29 学习培训心得体会 下载本文

没事胡乱写了点学习心得由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“为什么要写学习心得”。

没事胡乱写了点学习心得,帖出来供和我一样的初学者们探讨。水平有限,错误难免,恳请批评指正。

先来看第一个例子:

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篇胡乱杂文随笔,也许这些就是您需要的文章,但愿刀豆文库能带给您一些学习、工作上的帮助。......

胡乱心情随笔参考

胡乱心情随笔参考花开花落,我们曾经最美的岁月是否还在;月暗月明,我们曾经一起的时光是否铭记。我们一直走着自己不想走的路,却没有勇气去挑战那所谓的禁地。所以迷失,所以彷徨,所......

胡乱花钱的检讨书

胡乱花钱的检讨书钱来之不易,我不该乱花钱。钱是用勤劳汗水挣来的,我不该因为看见了吸引人的东西,就用钱来满足自己的欲望,我错了,我真的'错了,我从一开始就不该乱花钱,如果我不乱......

没事谈谈恋爱

没事谈谈恋爱(三封情书)第一封亲爱的,这封信的原题为《一封情书,两封情书,三封情书》,这个题目很像一个传统的双簧小品:一碟子腌白菜,一碟子腌白菜呀„„很想爱一个,真的去爱一个,白天......

《没事胡乱写了点学习心得.docx》
将本文的Word文档下载,方便收藏和打印
推荐度:
没事胡乱写了点学习心得
点击下载文档
相关专题 为什么要写学习心得 学习心得 写了 为什么要写学习心得 学习心得 写了
[学习培训心得体会]相关推荐
[学习培训心得体会]热门文章
下载全文