1.1 内联样式表
创新互联建站公司2013年成立,先为衡阳县等服务建站,衡阳县等地企业,进行企业商务咨询服务。为衡阳县企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
在标签中直接添加style 例:p style=“” /p
1.2 内嵌样式表
作为一个独立区域内嵌在网页内,必须卸载head标签内
例:head
style=“”
/style
/head
1.3 外部样式表
即css样式表,需要新建一个css文件,用来放样式表。如果在html文件中调用样式表,需在html文件中点击 右键→CSS样式→附加样式表。(一般用link连接方式)
注:有些标签会有默认的边距,一般写代码的时候会先去除(也可以设置其他需要的样式)
* (对所有标签起作用)
{margin:0px; (边距)
padding:0px;} (间距)
CSS可以很方便的用来控制网页的外观。主要有以下特点:
1.可以同时更新多个网页的样式。
2.使网页的表示层与结构层彻底分离
3.大大减小了网页文件的大下
4.加快了网页的加载速度
现在用CSS来布局网页已经是一种潮流,如果要向网页设计方面发展,必须精通CSS。
1、内联样式表
直接在HTML标记内,插入sytle属性,再定义要显示的样式,这是最简单的样式定
义方法。不过,利用这种方法定义样式时,效果只可以控制该标记,其语法如下:
标记名称 style="样式属性:属性值;样式属性:属性值"
如:body style=" color:#FF0000;font-family:"宋体";cursor:url(3151.ani);"
2、 嵌入样式表
style type="text/css"
内部样式表是把样式表放到页面的head区里,这些定义的样式就应用到页面中了,样式表是用style标记插入的
head
……
style type="text/css"
!--
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
--
/style
……
/head
style元素是用来说明所要定义的样式。TYPE属性是指定style元素以css的语法定义。有些低版本的浏览器不能识别style标记,这意味着低版本的浏览器会忽略style标记里的内容,并把style标记里的内容以文本直接显示到页面上。为了避免这样的情况发生,我们用加HTML注释的方式!-- 注释 --隐藏内容而不让它显示。
3、外部样式表
link href="样式表地址" rel="stylesheet" type="text/css" /
4、输入样式表
可以使用css的@import声明将一个外部样式表文件输入到另外一个css文件中,被输入的css文件中的样式规则定义语句就成为了输入到的css文件的一部分,也可以使用@import声明将一个css文件输入到网页文件的style/style标签对中,被输入的css文件中的样式规则定义语句就成了style/style标签对中的语句。
style
@import url(http://……)
/stypel
CSS是Cascading Style Sheet 的缩写。译层叠样式表单、集联样式表等。
举个例子。比如table或div就是做房子的砖瓦,用他们把整个网站的框架搭好。而css就是房子的装饰。一个网站没有修饰是很难看的。
我们用CSS通常来修饰网站的色彩,文字等等。
要想了解更多关于CSS的,可以在网上搜搜,网上很多的。我只是用我的实践跟你讲。最后我只想说,样式和架框是分不开的。希望对你有帮助。