大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、使用Dreamweaver等工具来新建
10年积累的成都网站设计、网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站策划后付款的网站建设流程,更有无为免费网站建设让你可以放心的选择与我们合作。
2、新建一个空白的记事本,后缀名修改为.css
3、引入,使用link/标签来应用你的CSS,具体用法如下
link rel="stylesheet" type="text/css" href="你的CSS文件路径"/
一共有三种 形式存在
第一种为标签样式,taglib为标签名,后面{}里面加属性,这种样式对页面内所有的标签名为taglibname的标签起作用。
第二种为css类样式,需要在HTML开始标签 后缀 class="name",name即类名,这类标签对HTML内所有后缀同样name的标签起作用 class="name" 可以设在多个开始标签后,表示这些标签具有同一类样式。
第三种为cssID样式,需要在HTML开始标签后缀 id="id",需要注意的是,ID样式的话,每一个name都是独立且不重复的,具有唯一性。
希望我的回答对你有帮助
在制作一个网页的时候,Css样式的添加一共有四种方式,一起来看看这四种方式:
一、使用STYLE属性: 将STYLE属性直接加在个别的元件标签里。
元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例如:
TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%
这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』。
二、使用STYLE标签: 将样式规则写在STYLE.../STYLE标签之中。
通常是将整个的 STYLE.../STYLE结构写在网页的HEAD /HEAD部份之中。这种用法的优点就是在於整篇文件的统一性,只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。
三、使用 LINK标签: 将样式规则写在.css的样式档案中,再以LINK标签引入。
假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入
LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"
即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的head/head部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。
四、使用@import引入: 跟LINK用法很像,但必 放在STYLE.../STYLE 中。
要注意的是,行末的分号是绝对不可少的!这种方式也可以把
css样式将对布局、字体、颜色、背景和其它文图效果实现更加精确的控制。只通过修改一个文件就改变页数不计的网页的外观和格式。 在所有浏览器和平台之间的兼容性。更少的编码、更少的页数和更快的下载速度。除了还不能全面支持我们常用的大多数浏览器之外,CSS在实现其它承诺方面作得相当出色。CSS在改变我们制作样式表的方法。它为大部分的网页创新奠定了基石。
比如做一个导航条
首先搭建基本机构:
div id="menu"
ul
lia href="#"首页/a/li
lia href="#"年表/a/li
lia href="#"作品/a/li
lia href="#"文章/a/li
lia href="#"画廊/a/li
lia href="#"留言/a/li
lia href="#"地图/a/li
/ul
/div
这时候看到的一个纵列文字前带圆点的列表
然后用css进行美化:
#menu {
background-color: #6282ac;
height: 35px;
width: 570px;
position: relative;
}
定义菜单的宽,高,颜色及定位方式。
#menu ul {
list-style-type: none;
}
去掉文字下划线。
#menu li {
float: left;
display: block;
width: 60px;
height: 31px;
margin-top: 2px;
margin-right: 6px;
margin-bottom: 2px;
margin-left: 6px;
line-height: 31px;
text-align: center;
background-repeat: repeat-x;
border: 1px solid #FFFFFF;
}
定义“float: left;”使列表项横向排列,设置高与行高使链接文字垂直居中。
menu a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-image: url(../images/b.gif);
display: block;
background-repeat: repeat-x;
}
定义链接的字体及背景
#menu a:hover{
background-image: url(../images/a.gif);
display: block;
background-repeat: repeat-x;
}
定义a的伪类实现鼠标点击时的背景变化
css(casecating style sheet)
也叫层叠样式表单,意思是用于网页中样式的定义,所以网页有三个主要的部分,HTML,CSS,JS,主要用于结构,样式与行为,CSS主要的作用就是美化网页的一个语言,它的特点:
1.结构与样式分离的方式,便于后期维护与改版;
2.样式定义精确到像素的级别;
3.可以用多套样式,使网页有任意样式切换的效果(如:的开,关灯效果)
4.降低服务器的成本
等,当然还有很多高级的特点,等你真正的了解并使用这个语言之后你自然会理解了.
用于布局网页,使用方便,容易维护,