文章来源:https://www.themepark.com.cn/jnjdxgwordpressztys.html
我们晓得，网页是由html和css进行最基本的构架布局，这么，主题也是一样，明天小编就来教一教你怎么更改自己的主题款式，达到自己更改主题的目的，但是我们将放上十分实用的css代码，让你可以直接使用。
话不多说，我们如今就来瞧瞧怎么简单更改一款主题吧~
首先，你要晓得主题的位置，假如你可以在本地测试，这么是最好不过的，主题的位置在根目录/wp-//这个文件夹下的文件夹中，找到自己的主题文件
之后wordpress主题修改教程，我们推荐下载傲游浏览器，安装插件：
下载完成傲游以后，打开傲游浏览器，点击工具下拉菜单，选择附加组件，在搜索一栏中输入，安装即可，安装完成以后，重启浏览器，按F12即可出现的界面。
的左侧有一个箭头的按键，可以使用这个按键找到你想要更改的元素，在右侧，会出现影响这个元素的csswordpress主题修改教程，如右图：
如今，我们须要给我们选中的元素加一个投影，点击左侧的css，双击上面的疗效css，添加新的代码：
疗效实现无误以后，到我们第一步找到的主题文件夹中，找寻到相应的css，css的路径在上图左侧的红色标题中，上图要更改的这个元素在pages.css中，键盘置于前面，会出现详尽的路径，找到文件，再依照第几行显示的位置，添加进css，保存即可。
如今你会简单的更改你的主题式样了吗？更改完成以后，记得记住你更改了这些文件，在主题更新中，可以寻问下是否更改过css，假如没有的话，更新主题可以保留自己的css文件，就不会更新掉自己更改的款式了~
如今你可以尝试在本地更改一些款式，如颜色、投影等等，让你的主题与众不同哦~下边我们给你打算了一些好看的css款式，给你更改参考~
1.花式连字符（&）
这个类应当在span元素里使用，但是上面包括&字符。它使用精典的serif字体和楷体来提高&符号。
.amp{
font-:,‘GoudyOldStyle’,,‘Book’,serif;
font-style:;
font-:;
}
源码地址：
2.段落首字符下沉
一般，这些疗效会出现在彩印媒体上，如报纸或书籍。同样，假如网页布局合理，它也可以使用在Web页面上，它仅针对段落使用，但你也可以与单个元素绑定。
p:first-{
:block;
:5px005px;
float:left;
color:#;
font-size:5.4em;
font-:,TimesNewRoman,serif;
}
3.外层CSS3盒阴影
盒阴影（box）属性几乎可以运用在任何元素上，它们看上去都十分好看。下边这段代码主要聚焦外层阴影的设计。
#mydiv{
-moz-box-:inset2px04px#000;
–box-:inset2px04px#000;
box-:inset2px04px#000;
}
4.内层CSS3盒阴影
下边介绍一段内层阴影代码设计，注意，代码里的第三个参数表示模糊距离（blur），而第四个参数表示铺开的（）距离。关于这种值的设计，你可以抵达学习。
#mydiv{
–box-:02px2px-2pxrgba(0,0,0,0.52);
-moz-box-:02px2px-2pxrgba(0,0,0,0.52);
box-:02px2px-2pxrgba(0,0,0,0.52);
}
5.三角形列表符号
该符号只能在CSS3里生成，在主流浏览器中，这是一项十分酷的技术。而其惟一的潜在问题是缺少对退后方式的支持。
ul{
:0.75em0;
:01em;
list-style:none;
}
li:{
:“”;
-color:#111;
-style:solid;
-width:0.35em00.35em0.45em;
:block;
:0;
width:0;
left:-1em;
top:0.9em;
:;
}
源码地址：
6.居中对齐并设置固定长度
#page-wrap{
width:800px;
:0auto;
}
源码地址：
7.CSS3列文本
#-3{
text-align:;
-moz–count:3;
-moz–gap:12px;
-moz–rule:1pxsolid#;
—count:3;
—gap:12px;
—rule:1pxsolid#;
}
源码地址：
8.固定页码
在网页里添加固定的页码虽然十分简单，但是也很实用。有些网站的页码设计得很漂亮，可以给网站呈现出一个完美的结尾。
#{
:fixed;
left:0px;
:0px;
:30px;
width:100%;
:#444;
}
/*IE6*/
*html#{
:;
top:((0-(.)+(..?..:.body.)+(=..?..:.body.))+’px’);
}
源码地址：
9.IE6下修补PNG格式的透明度
在网站里使用透明的图象已成为一种很普遍的做法，其源于.gif图片格式，但如今也涉及到.png图片格式。而一些老版本的IE不支持透明度，下边这段代码会挺好地解决这一问题。
.bg{
width:200px;
:100px;
:url(//.png)no-;
:none;
::..(src=’//.png’,=’crop’);
}
/*1pxgif*/
img,.png{
:;
:((this..=”none”)&&(this.?this.=true:(this.==“IMG”&&this.src.().(‘.png’)>-1?(this..=“none”,
this..=“:..(src=’”+this.src+“‘,=’image’)”,
this.src=“/.gif”):(this.=this.?this.:this…().(‘url(“‘,”).(‘”)’,”),
this..=“:..(src=’”+this.+“‘,=’crop’)”,
this..=“none”)),this.=true));
}
源码地址：
10.跨浏览器设置最小高度
有时开发者须要对HTML元素设置最小高度，但是，这个疗效却难以兼容IE和老版本的，下边这段代码可以修补这个问题。
#{
min-:550px;
:auto!;
:550px;
}
如今，你可以去对照着更改你的主题拉~希望本文对你有所帮助！
