大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
没有.topHeader .topHeaderBox {
创新互联主营魏县网站建设的网络公司,主营网站建设方案,手机APP定制开发,魏县h5小程序定制开发搭建,魏县网站营销推广欢迎魏县等地区企业咨询
margin-left: auto;
margin-right: auto;
padding-top: 2px;
width: 960px;
color: #596E95;
}这种是一个table空 你看在属性和值之间我也加了一个半角的空格。这是方便阅读。如果写的紧凑是能让css文件小点 但是不便于阅读。建议写的时候格式尽量这样 使用的时候可以压缩去掉空格。
.s1{font-family:Arial}
.s2{font-family:Courier}
.s3{font-family:Verdana}
这是样式类型 就如下面的
#s{font-family:Courier} 用法: p id="s"/p
table{color:#ccc} 用法: tabletrtd/td/tr/table 作用与页面所有 table标签
去找些CSS 文档 学学看看吧 。不难的
CSS
层叠样式表简写为CSS,是英语Cascading Style Sheets的缩写。它是W3C定义和维护的标准,一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言。
概述
一个网页的读者和作者都可以使用CSS来决定文件的颜色、字体、排版等显示特性。CSS最主要的目的是将文件的结构(用HTML或其它相关的语言写的)与文件的显示(CSS)分隔开来。这个分隔有许多好处:
文件的可读性被加强
文件的结构更加灵活
作者和读者可以自己决定文件的显示
文件的结构简化了。
CSS还可以使用其它的显示方式,比如声音(假如浏览器有阅读功能的话)或给盲人用的感受装置。此外CSS还可以与XHTML、XML或其它结构文件一起使用,唯一条件是显示这种文件的浏览器装备了接受CSS的功能。
HTML文件中的每一个class或id都可以有自己的显示特征,而且每一个没有id特性的HTML结构也可以有自己的显示特征。这些结构有的是HTML自己需要的,有的是专门为CSS设置的。
CSS信息可以来自:
作者样式
作者可以在他的HTML文件中确定一个外来的、独立的CSS文件
作者可以将CSS信息包含在HTML文件内
作者可以在一个HTML指令内结合CSS指令,这样做一般是为了在一个特殊情况下将总体的CSS指令抵消掉
读者样式
读者可以在他的浏览器内设立一个地区性的CSS文件。这个CSS文件可以用在所有的HTML文件上。假如作者的CSS文件与读者的相冲突,那么读者可以确定他想使用哪个
浏览器的样式
假如外部没有特别指定一个样式的话,一般浏览器自己有一个内在的样式
使用CSS的优点有:
一个整个网站或其中一部分网页的显示信息被集中在一个地方,要改变它们很方便
不同的读者可以有不同的样式,比如有的读者需要字体比较大
HTML文件本身的范围变小了,它的结构简单了,它不需要包含显示的信息
样式规则
CSS的语法很简单,它使用一组英语词来表示不同的样式和特征。
一个式样表由一组规则组成。每个规则由一个“选择器”(selector)和一个定义部分组成。每个定义部分包含一组由半角分号(;)分离的定义。这组定义放在一对大括号({ })之间。每个定义由一个特性,一个半角冒号(:)和一个值组成。
选择器(Selector)
通常为文件中的元素(element),如html中的body,p,strong等标签,多个选择器可以半角逗号(,)隔开。
属性(property)
CSS1、CSS2、CSS3规定了许多的属性,目的在控制选择器的样式。
值(value)
指属性接受的设定值,可由各种关键字(keyword)组成,多个关键字时大都以空格隔开。
要针对没有标签定义范围进行样式设定时,可利用div与span标签
1、CSS代码里要用半角的空格,才不会有影响。如下图“float: left”之间用“半角空格”的。
2、如下图,“flost: left”之间用了全角空格,CSS样式就不起作用了。
如果网页背景是白色的,可以设一个小的span定在想实现半角的那个地方,设置宽高为0,给设置边框 例如
!doctype html
html
head
meta charset="utf-8"
title带缺角的水平菜单 /title
style
#menu{ font-family:Arial; font-size:14px; }
#menu a , #menu a:visited{ float:left; display:block; position:relative; background:#c00;color:#fff; text-decoration:none; padding:6px ; margin:1px 0 0 1px ; }
#menu a span{ height:0; width:0; border-bottom:6px solid #c00; border-left: 6px solid #fff; position:absolute; top:0;left:0; overflow:hidden;}
#menu a:hover{ color:#333; background:#f90;}
#menu a:hover span{ border-bottom:6px solid #f90;}
/style
/head
body
div id="menu"
a href="#"span class="left"/spanHome/a
a href="#"span class="left"/spanContact Us/a
a href="#"span class="left"/spanWeb Dev/a
a href="#"span class="left"/spanWeb Design/a
a href="#"span class="left"/spanMap/a
/div
/body
/html
css中内容模块class用样式选择符“.”(英文半角输入句号)。
class类标记,可以用于被多个元素调用(以“.”选择符命名样式可以一个页面使用多次)是类标签,在同一个页面可以调用无数次(没限制的),在CSS里用“.”表示。
ID就像一个人的身份证,用于识别这个DIV的,Class就像人身上穿的衣服,用于定义这个DIV的样式。一般一个网页不设二个或二个以上同ID的div,但Class可以多个DIV用同一个Class。