❶ HTML里面.css文件怎么写
外联式的css如下：<link type="text/css" href="css/fkjc.css" rel="stylesheet" />内联式的css如下：<style>……</style>
❷ 怎么写外部css文件，如何调用
直接再项目里面创建一个XXXX.css的文件，然后把页面的样式写到这个css拓展名的文件中就行，然后html页面里面直接加入这个标签就行，只是在href的后面写上对应CSS文件的路径就行，<link rel="stylesheet" type="text/css" href="XXXX.css" /> 注：一个HTML文件中可以有多个link标签
❸ css怎么写
内嵌样式表<STYLE type="text/css">选择符 { 样式属性：取值;样式属性：取值;…}</STYLE>外部样式表写好了样式之后保存为后缀.css的文件再在你要引用的HTML文件的<HEAD></HEAD>标签内写上引用语句<LINK rel="stylesheet" href="该文件的名称(包括路径)" type="text/css">行内样式在要加入的行的表签内写 style="同上"
❹ js 写css文件调用 怎么写
<span id="Css"></span> <script> if(navigator.userAgent.indexOf("MSIE")>0){ //是否是IE浏览器 if(navigator.userAgent.indexOf("MSIE 6.0")>0){ //6.0 使用1.CSS Css.innerHTML='<link href="1.css" rel="stylesheet" type="text/css" >' } if(navigator.userAgent.indexOf("MSIE 7.0")>0){//7.0 使用2.CSS Css.innerHTML='<link href="2.css" rel="stylesheet" type="text/css" >' } }else{//否则使用3.CSS 还有具体的浏览器 你可以用navigator.userAgent 去获取信息 具体使用 看你自己 Css.innerHTML='<link href="3.css" rel="stylesheet" type="text/css" >' } </script>
❺ html里怎么写一个css文件
先说位置：
一般写在<head></head>之间，这样比较规范；
原因是：因为浏览器解析是从上往下来的，如果css放在底部的话，浏览器解析完html页面，而css还没有加载，就会出现页面混乱
写法：
<style type="text/css">
这里写你的样式
</style>
如果是要引入css文件，直接在<head></head>之间
<link rel="stylesheet" href="css/login.css">这样即可
❻ 标准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;}
❼ 这在CSS文件里怎么写
<div class="userinfo clearfix">是表示这个DIV引用了两个CSS样式，css样式是分开写的，如下.userinfo {}.clearfix {}.userinfo clearfix{}css没有这种写法。类似的只有.userinfo .clearfix{} .userinfo p{}等等。例如：<div class="userinfo "><div class="clearfix"></div></div>表示.clearfix只在.userinfo样式下才有效。 其他地方引用时无效的。
❽ CSS文件怎么制作详细点！
Dreamweaver就是一个软件,网上可下载到,可以用记事本来写CSS,但别忘记保存时后辍为.css
❾ 关于CSS的写法，怎样来写的
这是我以前学习时候的笔记部分，分享给你
（1）内部样式表（嵌套到页面中）
内部样式表，写在<head></head>标签中
<style type="text/css">
div{
width :600px;
height:300px;
background:orange;
}
</style>
（2）内联样式（行间样式，行内样式，嵌入式样式）==>很少使用
<标签 style="属性:属性值; 属性:属性值;"></标签>
例如：<div style="width: 100px;height: 200px;background: orange;"></div>
（3）引用外部样式表文件
1）<link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称"/>
rel="stylesheet"作用：建立关联性
type定义某种类型(H5中type可省略)
href导入css文件路径
注：一个HTML文件可以导入多个CSS外部样式表
2）@import url(CSS文件路径以及文件全称);
link和import导入外部样式的区别：
差别1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。
差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁）。
差别3：兼容性的差别：@import是CSS2.1提出的，所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
差别4：使用dom(document object model文档对象模型 )控制样式时的差别：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的.
这是一种CSS提供的外部引入方式，低版本浏览器不支持。
（4）对比：
<1>权重关系：
内联样式表的优先级(权重)最高
内部样式表和外部样式表的权重和书写先后顺序有关(哪个放在下面哪个的权重比较高)
注：权重高属性的会覆盖权重低的属性
覆盖的只是相同的属性，不同的属性会继续执行（即CSS的层叠性）
<2>作用域：
内联作用域是最小的：只针对于当前的标签
❿ 怎样编写CSS
编写CSS一般有3种方式：
第一种：内嵌在HTML元素中，例如：
<!DOCTYPEhtml><html><head><metacharset='utf-8'/><title></title></head><body><!–以下style中的属性是内嵌式–><divid='box'style='border:1pxsolid#f00;width:100px;height:100px;'></div></body></html>
第二种：编写者格式为html的文件中
<!–index.html文件为例–><!DOCTYPEhtml><html><head><metacharset='utf-8'/><title></title><styletype="text/css"><!–以下是CSS–>#box{border:1pxsolid#f00;width:100px;height:100px;}</style></head><body><divid='box'></div></body></html>
第三种：单独编写在css格式文件中
<!–index.html文件为例–><!DOCTYPEhtml><html><head><metacharset='utf-8'/><title></title><linkrel="stylesheet"href="style.css"/></head><body><divid='box'></div></body></html><!–style.css文件–>#box{border:1pxsolid#f00;width:100px;height:100px;}
未经允许不得转载：山九号 » css文件怎么写|js 写css文件调用 怎么写
