仓酷云

标题: 来谈谈:CSS基本教程:程度对齐(text-align) [打印本页]

作者: 金色的骷髅    时间: 2015-1-16 00:16
标题: 来谈谈:CSS基本教程:程度对齐(text-align)
所有的设计第一步就是构思,构思好了。
  程度对齐(text-align),用以设定元素内文本的程度对齐体例。

  1.语法

  text-align详细参数以下:

语法:text-align:left|right|center|justify
申明:设定元素内文本的程度对齐体例。
参数:left:左对齐;right:右对齐;center:居中;justify:两头对齐
初始值:跟扫瞄器的设置有关
承继性:可承继
合用于:block元素

  其各参数在扫瞄器内的显现如所示。
来谈谈:CSS基本教程:程度对齐(text-align)
登录/注册后可看大图

程度对齐体例

  前三种对齐体例都很好了解,而最初一种两头对齐(text-align:justify)可让年夜段的文本看起来对照划一,不外两头对齐的体现大概会由于扫瞄器的分歧而有所分歧,如所示。
来谈谈:CSS基本教程:程度对齐(text-align)
登录/注册后可看大图

分歧扫瞄器关于两头对齐的分歧体现


  2.合用于:block元素

  text-align属性只要对block元素设定才会失效。比方有以下设定:
<pstyle="text-align:right;">
<pstyle="width:70%;">本段落会在IE内居中显现,而在Firefox和Opera内居左显现。</p>
</div>


  其在WindowsIE6.0、Firefox2.0和Opera8.5中显现的效果如所示。
来谈谈:CSS基本教程:程度对齐(text-align)
登录/注册后可看大图

分歧扫瞄器的不同

  读者能够看到,<p>元素自己也居中显现了,因而能够使用此特征来设置页面内容在IE内的全体居中效果,比方有html布局以下:
<body>
<divid=”wrap”>
<h1>页面居中</h1>
<p>设置CSS使页面全体居中。</p>
</div>
</body>

  要使<divid=”wrap”>在扫瞄器内居中,则必要设置CSS以下:
body{
text-align:center;/*在IE内居中*/
}
#wrap{
width:90%;/*设定宽度才干显现出居中的效果。*/
margin:0auto;/*在Firefox及Opera等扫瞄器内居中。*/
}


  此时在扫瞄器内扫瞄,页面内的元素都将居中显现,如所示。
来谈谈:CSS基本教程:程度对齐(text-align)
登录/注册后可看大图

扫瞄器内页面全体居中

  注重:此时页面内一切的文本都承继<body>的的设定而居中显现,因而实践使用中,能够再设定wrap层的对齐体例为左对齐。
目前我们的站就是div+css做的,美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.

作者: 若天明    时间: 2015-1-18 05:51
直接用代码建立链接,如:可以直接输入<aherf=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
作者: 谁可相欹    时间: 2015-1-25 18:15
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
作者: 第二个灵魂    时间: 2015-2-3 13:59
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
作者: 蒙在股里    时间: 2015-2-9 04:05
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
作者: 山那边是海    时间: 2015-2-26 22:17
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
作者: 爱飞    时间: 2015-3-8 18:47
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
作者: 兰色精灵    时间: 2015-3-16 12:14
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
作者: 再现理想    时间: 2015-3-22 23:10
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2