CSS教程之CSS网页制造进门实例:首行缩进两个笔墨
另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。网页制造poluoluo文章简介:我记得已往刚入手下手进修制造页面的时分,要想让一段笔墨首行缩进两个笔墨.
我记得已往刚入手下手进修制造页面的时分,要想让一段笔墨首行缩进两个笔墨,以下图
老是在后面加上8个“”,由于已往人人对CSS的观点也不太熟习,也不太器重,这类办法完成固然对照间接,可是笔墨多的时分会有良多“”充溢在代码中,假如再有些换行<br/>,那代码光鲜明显对照乱,如今人人入手下手自动懂得CSS,进修CSS,你会发明这个成绩很简单办理,只必要在响应的地位到场代码
[*]text-indent:2em;
就很简单完成喽~
text-indent:2em;注释:text的意义是文本、indent在盘算机英语中意义是缩进、至于前面的2em意义就是2个绝对单元;
em注释:相对以后工具内文本的字体尺寸。(引自CSS2.0手册)列位同砚,要细心品一下这个观点!了解喽没有,em这个单元的意义就是绝对笔墨巨细,1em就是1个笔墨巨细,2em就是两个笔墨巨细,到这里看分明了吧,了解“text-indent:2em;”的意义了吧,就是“文本缩进两个笔墨巨细”,这不就是我们要的效果么?
将下面的代码给人人写出来,CSS代码是用的行内体例,假如你不分明“行内体例”,就来看一下文章《2.1-CSS怎样把持页面》
[*]<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[*]<htmlxmlns="http://www.w3.org/1999/xhtml">
[*]<head>
[*]<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
[*]<title>CSS进修网-首行笔墨缩进</title>
[*]</head>
[*]<body>
[*]<divstyle="width:300px;text-indent:2em;">CSS进修网,倡始资本共享“分享才干更康乐”,每一个人在分享资本的时分,同时也取得了人气和尊敬,你将会有更多的偕行伴侣,勾结在你的四周,成为你的左膀右臂.
[*]</div>
[*]</body>
[*]</html>
【本节功课】
请求:
[*]制造一个宽度为300px,高度自顺应,边框宽度为5像素且色彩为灰色(#999)的地区,id为div1;
[*]在div1外部有两段笔墨,笔墨巨细为12像素,这两段笔墨首行分离缩进两个笔墨;
[*]CSS用内嵌体例;
[*]暂不思索页面临各类扫瞄器的兼容性,只在一种扫瞄器中完成下面效果就能够
</p>
Table中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div更能体现样式和结构相分离,结构的重构性强。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。 在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。 以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
页:
[1]