css样式文件放在哪,为什么要使用css样式文件

CSS代码怎么用？放哪？

1、此段css代码，其他页面不需要。可以直接放在需要的HTML文件中。

员工经过长期磨合与沉淀，具备了协作精神，得以通过团队的力量开发出优质的产品。创新互联公司坚持“专注、创新、易用”的产品理念，因为“专注所以专业、创新互联网站所以易用所以简单”。公司专注于为企业提供成都做网站、网站建设、微信公众号开发、电商网站开发，重庆小程序开发，软件按需网站开发等一站式互联网企业服务。

在head标签下，写上style标签，把css代码放在style标签中。

2、可以新建一个css文件，比如index.css，把这段css代码放进这个index.css文件中。

然后在HTML文件中引入index.css文件。

link rel="stylesheet" href="index.css"

href：写index.css文件的路径。

扩展资料：

插入样式表的方法：

1、外部样式表

每个页面使用 link 标签链接到样式表。 link 标签在（文档的）头部：

headlink rel="stylesheet" type="text/css" href="mystyle.css"/head

浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。

外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。

2、内部样式表

当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 style 标签在文档头部定义内部样式表：

style

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

/style

3、内联样式

由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。

要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style 属性可以包含任何 CSS 属性。本例展示如何改变段落的颜色和左外边距：

p style="color:sienna;margin-left:20px"这是一个段落。/p

样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。

一般情况下，优先级如下：

内联样式）Inline style （内部样式）Internal style sheet （外部样式）External style sheet 浏览器默认样式

css的样式表放在哪三个位置位置？

网站目录下建立style/css路径，然后放置css文件。在页面的head之间引用，引用方法：直接拖拽css文件到head就行。

html css 应该放在哪个目录？

至于CSS目录有些人喜欢建在网站根目录下，也有些人喜欢建在images目录下，看你个人网站目录结构了，怎么建都无所谓。

如果想把CSS文件导入到Jsp文件中，只要在head/head标签中写入如下语句即可：

head

link type="text/css" rel="stylesheet" href="css/index.css" /

/head

其中“href”属性就是指向你的CSS文件路径,

这样就把这个CSS样式应用到你的程序中了

DIY的显示样式的CSS样式在哪里？哪个文件夹

如果想在默认模板上简单的修改、附加扩展css，只需要在你对应的模板套系下手动添加一个对应的扩展css文件就可以了，例如你想修改或者添加common.css中的代码，只需要在自己创建的模板套系目录的对应位置：common文件夹下新建一个extend_common.css文件，然后将自己要修改或者扩展的css代码。将在生成缓存css时，自动追加到默认模板的css文件tmplate/default/common/common.css解析成你当前的模板id缓存文件。

CSS 继承规范：

Discuz! X系列产品中 CSS 文件会在缓存时按照以下顺序进行合并：

template/default/*.css 文件。

当默认模板是非默认模板时，template/模板目录/extend_*.css 文件 或 template/模板目录/*.css。

当某插件启用时，source/plugin/插件目录/template/extend_*.css 文件。

因此非默认模板目录中的 CSS 属性将继承默认模板中的 CSS 属性，插件目录中的 CSS 文件将继承前二者的 CSS 属性。

CSS 自身的集成顺序为：当 CSS 属性名称相同时，CSS 文件中，写在后面的替换前面的代码。

CSS书写规范：

属性写在一行内，属性之间、属性名和值之间以及属性与“{}”之间须有空格，例如：.class { width: 400px; height: 300px; } 。

属性的书写顺序：

位置：position,left,right,float

盒模型属性：display,margin,padding,width,height

边框与背景：border,background

段落与文本：line-height,text-indent,font,color,text-decoration,...

其他属性：overflow,cursor,visibility,...

针对特殊浏览器的属性，应写在标准属性之前，例如：-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;

按照元素模型由外及内，由整体到细节书写，大致分为五组：

谨慎添加新的选择符规则，尤其不可滥用 id，尽可能继承和复用已有样式

选择符、属性、值均用小写（格式的颜色值除外），缩写的选择符名称须说明缩写前的全称，例如 .cl - Clearfix

勿使用冗余低效的 CSS 写法，例如：ul li a span { ... }

慎用 !important

建议使用在 class/id 名称中的词语

表示状态：a-active

表示结构：h-header,c-content,f-footer

表示区域：mn-main,sd-side,nv-navigation,mu-menu

表示样式：l-list,tab,p_pop

常用css实例：

兼容IE浏览器css hack

所有 IE浏览器适用：

.ie_all .foo { ... }

IE6 专用：

.ie6 .foo { ... }

IE7 专用：

.ie7 .foo { ... }

IE8 专用：

.ie8 .foo { ... }

浮动样式及浮动元素父元素高度自适应样式代码：

.z/.y 浮动 left/right .z { float: left; } .y { float: right; }

.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }

大标题字体：

.wx, .ph { font-family: "Microsoft YaHei", "Hiragino Sans GB", STHeiti, Tahoma, SimHei, sans-serif; font-weight: 100; }

外边距样式：

.mtn { margin-top: 5px !important; }

.mbn { margin-bottom: 5px !important; }

.mtm { margin-top: 10px !important; }

.mbm { margin-bottom: 10px !important; }

.mtw { margin-top: 20px !important; }

.mbw { margin-bottom: 20px !important; }

文字字体大小：

.xs0 { font-family: {SMFONT}; font-size: {SMFONTSIZE}; -webkit-text-size-adjust: none; }

.xs1 { font-size: 12px !important; }

.xs2 { font-size: 14px !important; }

.xs3 { font-size: 16px !important; }

内边距样式：

.ptn { padding-top: 5px !important; }

.pbn { padding-bottom: 5px !important; }

.ptm { padding-top: 10px !important; }

.pbm { padding-bottom: 10px !important; }

.ptw { padding-top: 20px !important; }

.pbw { padding-bottom: 20px !important; }

module.css文件架构解析（此文件必须按照格式编写）：

/** group::index **/

/* 群组 index 模块使用的CSS */

/** end **/

/** group::index,forum::index **/

/* 群组 index 和 论坛 index 模块使用的CSS */

/** end **/

/** forum **/

/* 论坛 所有模块使用的CSS */

/** end **/

实现模块化css分部加载！格式固定多个模块用”，“隔开例如：

/** misc::invite,group,forum::viewthread,portal::view,home::space **/

这个文件的分部加载是对应程序地址例如：forum.php?mod=forumdisplay，应当按照CURSCRIPT::$mod格式写即：forum::forumdisplay。

css放在网页什么位置

一般来说应该放在网页头部head/head之间,用style/style定义,也可以放在一个单独的文件(文件后缀名为.css),然后在网页头部用link引用，如link href="/css/main.css" rel="stylesheet" type="text/css"

当然，由于浏览器对HTML代码格式的容错性,你放在网页的任何地方定义都行.