如何创建CSS文件?

如何创建CSS文件?,第1张

1、在图像页面中,我们可以看到样式中的样式列表以及显示的渲染图。

2、选择样式中的所有CSS样式,然后复制或剪切。

3、然返笑困后ctrl+N创建一个新的CSS样式文件,,然后创建。

4、在创建的css样式文件中,粘贴刚刚复制到此处的文件。

5、导出时,我们需要漏念将其放在与上一个网页相同的文件夹位置。我升氏们可以创建一个新的css文件夹以便于导入。

6、返回到html文件,删除所有以前的样式,然后输入链接标记,链接以前保存的CSS样式,然后保存。

7、链接完成后,在浏览器中预览它以查看链接是否成功。

载入不同css(换皮肤效果)

function SetCookie(name,value){

var argv=SetCookie.arguments

var argc=SetCookie.arguments.length

var expires=(2<argc)?argv[2]:null

var path=(3<argc)?argv[3]:null

var domain=(4<argc)?argv[4]:null

var secure=(5<argc)?argv[5]:false

document.cookie=name+"="+escape(value)+((expires==null)?"":("expires="+expires.toGMTString()))+((path==null)?"":("path="+path))+((domain==null)?"":("domain="+domain))+((secure==true)?"secure":"")

}

function GetCookie(Name) {

var search = Name + "="

var returnvalue = ""

if (document.cookie.length >0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf("", offset)

if (end == -1)

end = document.cookie.length

returnvalue=unescape(document.cookie.substring(offset,end))

}

}

return returnvalue

}

var thisskin

thisskin=GetCookie("nowskin")

if(thisskin!="")

skin.href=thisskin

else

skin.href="style2.css"//此处设置你默认敏拍的一套css

function changecss(url){

if(url!=""){

skin.href=url

var expdate=new Date()

expdate.setTime(expdate.getTime()+(24*60*60*1000*30))

//expdate=null

SetCookie("nowskin",url,expdate,"/",null,false)

}

}

然后定义css文件

<link id="skin" rel="stylesheet" type="text/css"/>

再拿明通过下面的方式让用户自行定消拿告义皮肤

<a href="javascript:changecss('style1.css')">风格1</a>

<a href="javascript:changecss('style2.css')">风格2</a>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12194605.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存