css样式表

2017-08-18 20:11:46 jazdbmin1639整理 样式表 样式表

css样式表文件

Q1: 什么是CSS样式表?

CSS是Cascading Style Sheet 的缩写。译层叠样式表单、集联样式表等。
举个例子。比如table或div就是做房子的砖瓦,用他们把整个网站的框架搭好。而css就是房子的装饰。一个网站没有修饰是很难看的。
我们用CSS通常来修饰网站的色彩,文字等等。
要想了解更多关于CSS的,可以在网上搜搜,网上很多的。我只是用我的实践跟你讲。最后我只想说,样式和架框是分不开的。

Q2: css样式表最基本的概念就是什么

CSS样式表一般指CSS(层叠样式表)
层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

Q3: css样式表名字有什么规则?

常用的CSS命名规则:
头:header内容:content/container尾:footer导航:nav侧栏:sidebar
栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center
登录条:loginbar标志:logo广告:banner页面主体:main热点:hot
新闻:news下载:download子导航:subnav菜单:menu
子菜单:submenu搜索:search友情链接:friendlink页脚:footer
版权:copyright滚动:scroll内容:content标签页:tab
文章列表:list提示信息:msg小技巧:tips栏目标题:title
加入:joinus指南:guild服务:service注册:regsiter
状态:status投票:vote合作伙伴:partner
(二)注释的写法:
/* Footer */
内容区
/* End Footer */
(三)id的命名:
(1)页面结构
容器: container页头:header内容:content/container
页面主体:main页尾:footer导航:nav
侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper
左右中:left right center
(2)导航
导航:nav主导航:mainbav子导航:subnav
顶导航:topnav边导航:sidebar左导航:leftsidebar
右导航:rightsidebar菜单:menu子菜单:submenu
标题: title摘要: summary
(3)功能
标志:logo广告:banner登陆:login登录条:loginbar
注册:regsiter搜索:search功能区:shop
标题:title加入:joinus状态:status按钮:btn
滚动:scroll标签页:tab文章列表:list提示信息:msg
当前的: current小技巧:tips图标: icon注释:note
指南:guild 服务:service热点:hot新闻:news
下载:download投票:vote合作伙伴:partner
友情链接:link版权:copyright
(四)class的命名:
(1)颜色:使用颜色的名称或者16进制代码,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字体大小,直接使用’font+字体大小’作为名称,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)对齐样式,使用对齐目标的英文名称,如
.left { float:left; }
.bottom { float:bottom; }
(4)标题栏样式,使用’类别+功能’的方式命名,如
.barnews { }
.barproduct { }

Q4: 在网页中如何添加CSS样式表?

一共有四种方式添加CSS样式:

1)内联样式。只是为单个元素指定一些CSS样式,就是在html的标签添加style属性,把样式直接写进去,例如:

Thisisatest

2)内嵌样式表。就是把CSS样式写入当前html文档,用<style>标签包含进去,放在里,例如:

...

...
<styletype="text/css">
p{color:gray}
...
</style>

...

3)@import指令引入外部样式表。@import指令必须放在样式表(包括<style>或其他外部样式表)开头,还可以加可选的文档标记,标明用于什么媒体,例如:

...

...
<styletype="text/css">
@importurl(mystyle.css)screen
...
</style>

...

4)<link>标签引入外部样式表,把css文件的位置指定给其href属性。<link>标记需放到html文档的里,也能加可选的文档标记,标明用于什么媒体。例如:

...

...
<linkrel="stylesheet"type="text/css"href="http://cache.baiducontent.com/mystyle.css"media="screen"/>
...

Q5: CSS样式表嵌入到网页中的几种方法

css样式表嵌入网页有以下三种方法:
1,内联样式
内联样式是直接在html标签上定义该标签的css样式,如:


2,内部样式
内部样式是写在html文件中,且包含在<style></style>代码块中,如:
<style>
.box{width:200px;height:30px;}
</style>


3,外部样式
外部样式是通过在html中引用外部css文件来控制样式,如:
html文件中写入引用语句:
<link href="http://cache.baiducontent.com/css文件路径" rel="stylesheet" media="screen" />

Q6: 简单CSS样式表的写法

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354<styletype="text/css">a.top:link{font-family:宋体}/*链接字体*/a.top:link{font-weight:normal;}/*设置链接文字中的字符粗细*/a.top:link{font-size:12}/*设置链接文字的大小*/a.top:link{text-decoration:none;}/*设置链接文字没有下划线*/a.top:hover{text-decoration:underline;}/*鼠标放在链接上时有下划线*/a.top:link{color:#000000}/*设置链接文字的颜色*/a.top:visited{color:#000000}/*访问过的链接*/a.top:hover{color:#B50000}/*鼠标放在链接上字体的颜色*/a.tj:link{font-family:宋体}a.tj:link{font-weight:normal;}a.tj:link{font-size:12}a.tj:link{text-decoration:none;}a.tj:hover{text-decoration:none;}a.tj:link{color:#000000}a.tj:visited{color:#0000ff}a.tj:hover{background:#FFFFCC}h1{font-size:12px}h1{font-family:"宋体"}h1{font-weight:normal;}h1{color:#000000}h2{font-size:14px}h2{font-family:"宋体"}h2{font-weight:normal;}h2{color:#000000}h3{font-size:24px}h3{font-weight:1;}h3{color:#000000}body{margin-top:1px;/*上边距*/margin-bottom:1px;/*下边距*/}</style><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><body>

Mouseoverthelinkstoseethemchangelayout.

电脑对怀孕其实没啥影响

电脑对怀孕其实没啥影响

电脑对怀孕其实没啥影响

电脑对怀孕其实没啥影响

电脑对怀孕其实没啥影响

小提示:内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。

样式表 推荐文章:
推荐不满意?点这里  ››  

样式表