1.怎么把CSS样式写到一个文件里面..
css可以用嵌入方法和外部连接方法
嵌入法 是在 网页的<head></head>;中通过<style></style>;来实现如:
<html>
<head>
<title>---</title>
<style>
body{Background: #FFFFFF; Margin: 0; Padding: 0; Font-Size: 12px; Font-Family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; Text-Align: Center;}
</style>
</head>
…………
外部连接就是像楼上的朋友 新建一个.css的文件把样式写到里面 然后在你需要的页面里附加样式表就行了
如:
<html>
<head>
<title>---</title>
<link href="../css/css.css" rel="stylesheet" type="text/css">
</head>
…………
2.css内部样式表怎么写
1、创建使用css样式表有三种,分别是外部样式表,内部样式表和内联样式。下面通过一个小demo演示它们的用法。
首先新建一个html文件,放入3个button按钮,给前两个按钮分百别设置class属性为btn1和btn2,如下图。
2.然后准备一个名为demo的CSS文件。在css文件中写入buttonA的样式,并保存css文件:
3,HTML文件,使用链接在你的样式标签标签的引入上一步创建CSS文件,这是外面的使用风格,是创建一个好的总结度在CSS文件编写风格,然后介绍使用链接的HTML文件标签,这也是大多数网站使用方法,因为它的介绍方便,更方便管理:
4.接下来是内部样式表的使用,其中样式选项卡直接在head选项卡中创建,并添加了btn2样式。对于内部样式表简单的HTML文件,内部样式很方便,但是复杂的HTML文件可能会让人混淆:
5.最后是使用内联样式,直接在第三个标签中使用样式属性来添加样式可以:
6.最后,保存HTML文件,打开浏览器并查看所有三个按钮的样式。这就是CSS样式表的制作方法:
3.怎么把CSS样式写到一个文件里面
这个css样式文件以“.css”为扩展名,在<head>;内(不是在<style>;标签内)使用<link>;标签将css样式文件链接到HTML文件内。
外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>;内(不是在<style>;标签内)使用<link>;标签将css样式文件链接到HTML文件内,如下面代码:
<link href="base.css" rel="stylesheet" type="text/css" />
注意:
1、css样式文件名称以有意义的英文字母命名,如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>;标签位置一般写在<head>;标签之内。
示例:
style.css
4.标准css文件开头怎么写
这就是个风格问题,怎么写都可以。一般来说是重置浏览器有争议的属性,比如边距什么的,再就是设置一些根样式以供其他元素继承,比如body的字体、颜色等,再就是一些公共样式,clearfix清空文档流之类的。当然还有一些高级的技巧,CSS专家也有很多建议,比如《CSS权威指南》作者Eric Meyer的建议是
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
5.css文件如何写
首先要有个网页效果图片,可以用PS自己做一张,然后用PS里有切片工具,切图。
切图和做页面可同步进行,一边做静态页面,需要哪个图片了把它切下来用。css自己写比较好,不过用DW生成挺省事的,就是不很灵活。
用DW新建一个html文件(假设1.html),再新建一个css文件(假设a.css),然后在1.html里面的
之间写上<link rel="stylesheet" type="text/css" href="a.css">这一句,这样两个文件就关联了,在a.css里写的样式就可以控制1.html里的元素了比如div ,ul li 等等,大概是这样的,但是很多样式怎么写,html怎么用div布局之类的很多慢慢学吧,在网上下一些很简单的例子先看看。6.html中怎么编写css,格式是什么样的
样式语法:Selector {property:value}
如何将样式表加入您的网页:
你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅!important声明。
内联方式 Inline Styles
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。
示例代码:
这一行的字体颜色将显示为红色
内部样式块对象 Embedding a Style Block
你可以在你的HTML文档的标记里插入一个块对象。
示例代码:
body{background:#fff;color:#000;}
p{font-size:14px;}
外部样式表 Linking to a Style Sheet
你可以先建立外部样式表文件*.css,然后使用HTML的link对象。
示例代码:
转载请注明出处育才学习网 » css文件里面怎么写