• 首页>范文 > 范文
  • css文件怎么写

    1.标准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;}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;}。

    2.标准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;

    }

    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;

    }

    3.这在CSS文件里怎么写

    是表示这个DIV引用了两个CSS样式,css样式是分开写的,如下.userinfo {}.clearfix {}.userinfo clearfix{}css没有这种写法。

    类似的只有.userinfo .clearfix{} .userinfo p{}等等。例如:表示.clearfix只在.userinfo样式下才有效。

    其他地方引用时无效的。

    4.css后缀是什么文件

    CSS按其位置可以分成三种:

    内嵌样式(Inline Style)

    内部样式表(Internal Style Sheet)

    外部样式表(External Style Sheet)

    内嵌样式(Inline Style)

    Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效。

    <P style="font-size:20pt; color:red">;这个Style定义<p></p>;里面的文字是20pt字体,字体颜色是红色。</p>

    内部样式表(Internal Style Sheet)

    内部样式表是写在HTML的<head></head>;里面的。内部样式表只对所在的网页有效。

    <HTML>

    <HEAD>

    <STYLE type="text/css">

    H1.mylayout {border-width:1; border:solid; text-align:center; color:red}

    </STYLE>

    </HEAD>

    <BODY>

    <H1 class="mylayout">; 这个标题使用了Style。</H1>

    <H1>;这个标题没有使用Style。</H1>

    </BODY>

    </HTML>

    内部样式表(Internal Sytle Sheet)要用到Style这个Tag,写法如下:

    <STYLE type="text/css">

    </STYLE>

    外部样式表(External Style Sheet)

    如果很多网页需要用到同样的样式(Styles),用什么方法呢?

    将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。

    比如可以用文本编辑器(NotePad)建立一个叫home的文件,文件后缀不要用.txt,改成.css。文件内容如下:

    H1.mylayout {border-width: 1; border: solid; text-align: center;color:red}

    然后你建立一个网页,代码如下:

    <HTML>

    <HEAD>

    <link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css">

    </HEAD>

    <BODY>

    <H1 class="mylayout">; 这个标题使用了Style。</H1>

    <H1>;这个标题没有使用Style。</H1>

    </BODY>

    </HTML>

    使用外部(Extenal)样式表,相对于内嵌(Inline)和内部式(Internal)的,有以下优点:

    样式代码可以复用。一个外部CSS文件,可以被很多网页共用。

    便于修改。如果要修改样式,只需要修改CSS文件,而不需要修改每个网页。

    提高网页显示的速度。如果样式写在网页里,会降低网页显示的速度,如果网页引用一个CSS文件,这个CSS文件多半已经在缓存区(其它网页早已经引用过它),网页显示的速度就比较快。

    5.CSS样式表怎么做

    1、创建使用css样式表有三种,分别是外部样式表,内部样式表和内联样式。下面通过一个小demo演示它们的用法,首先新建一个html文件,放入3个button按钮,给前两个按钮分别设置class属性为btn1和btn2:

    2、接着准备一个css文件,命名为demo.css,在文件内写入按钮A的样式,保存css文件:

    3、回到刚才的html文件,在style标签中用link标签引入上一步创建的css文件,这就是外联样式的用法,总结就是创建好的css文件内写好样式,然后在html文件中用link标签引入即可,这也是大部分网站使用的方法,因为其引入方便,管理起来也比较方便:

    4、接着是内部样式表的使用,这里直接在head标签里创建style标签,在里面加入btn2的样式。对于内部样式表简单的html文件,内部样式是很方便的,但是结构复杂的html文件使用它就会让文件显得很混乱:

    5、最后是内联样式的使用,直接在第三个标签内使用style属性加入样式就可以了:

    6、最后保存html文件,打开浏览器可以看到三个按钮的样式都出现了。以上就是css样式表的制作方法:

    6.标准css文件开头怎么写

    *{padding:0;margin:0;}

    div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}

    img,input{border:none;vertical-align:middle;}

    body{font-family:Tahoma,Arial,Helvetica,"宋体";font-size:12px;text-align:center;background:#FFF;color:#000;}

    html{overflow-y:scroll;}

    ul,ol{list-style-type:none;}

    th,td,input{font-size:12px;}

    h3{font-size:14px;}

    button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}

    select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}

    .clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}

    .clearfix:after{content:"";display:block;clear:both;}

    .clearfix{zoom:1;}

    a:link,a:visited{text-decoration:none;color:#333;}

    a:hover,a:active{text-decoration:underline;color:#f60;}

    7.CSS文件是什么东西

    CSS:层叠样式表(英文全称:Cascading Style Sheets),是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

    CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

    CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

    扩展资料:

    CSS的特点:

    1、丰富的样式定义

    CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

    2、易于使用和修改

    CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。

    另外,可以将相同样式的元素进行归类,使用同一个样式进行定义,也可以将某个样式应用到所有同名的HTML标签中,也可以将一个CSS样式指定到某个页面元素中。如果要修改样式,我们只需要在样式列表中找到相应的样式声明进行修改。

    3、多页面应用

    CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

    4、层叠

    简单的说,层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表,而某些页面中的某些元素想使用其他样式,就可以针对这些样式单独定义一个样式表应用到页面中。

    这些后来定义的样式将对前面的样式设置进行重写,在浏览器中看到的将是最后面设置的样式效果。

    5、页面压缩

    在使用HTML定义页面效果的网站中,往往需要大量或重复的表格和font元素形成各种规格的文字样式,这样做的后果就是会产生大量的HTML标签,从而使页面文件的大小增加。

    而将样式的声明单独放到CSS样式表中,可以大大的减小页面的体积,这样在加载页面时使用的时间也会大大的减少。另外,CSS样式表的复用更大程度的缩减了页面的体积,减少下载的时间。

    参考资料来源:百度百科-CSS

    8.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对象。

    示例代码:

    发表评论

    登录后才能评论