导航:首页 > 文件教程 > wordpress标签css

wordpress标签css

发布时间:2021-12-09 12:40:02

wordpress自定义怎么写自定义css样式

CSS 背景属性(Background)

background
在一个声明中设置所有的背景属性。
1

background-attachment
设置背景图像是否固定或者随着页面的其余部分滚动。
1

background-color
设置元素的背景颜色。
1

background-image
设置元素的背景图像。
1

background-position
设置背景图像的开始位置。
1

background-repeat
设置是否及如何重复背景图像。
1

CSS 边框属性(Border 和 Outline)

border
在一个声明中设置所有的边框属性。
1

border-bottom
在一个声明中设置所有的下边框属性。
1

border-bottom-color
设置下边框的颜色。
2

border-bottom-style
设置下边框的样式。
2

border-bottom-width
设置下边框的宽度。
1

border-color
设置四条边框的颜色。
1

border-left
在一个声明中设置所有的左边框属性。
1

border-left-color
设置左边框的颜色。
2

border-left-style
设置左边框的样式。
2

border-left-width
设置左边框的宽度。
1

border-right
在一个声明中设置所有的右边框属性。
1

border-right-color
设置右边框的颜色。
2

border-right-style
设置右边框的样式。
2

border-right-width
设置右边框的宽度。
1

border-style
设置四条边框的样式。
1

border-top
在一个声明中设置所有的上边框属性。
1

border-top-color
设置上边框的颜色。
2

border-top-style
设置上边框的样式。
2

border-top-width
设置上边框的宽度。
1

border-width
设置四条边框的宽度。
1

outline
在一个声明中设置所有的轮廓属性。
2

outline-color
设置轮廓的颜色。
2

outline-style
设置轮廓的样式。
2

outline-width
设置轮廓的宽度。
2

CSS 文本属性(Text)

color
设置文本的颜色。
1

direction
规定文本的方向 / 书写方向。
2

letter-spacing
设置字符间距。
1

line-height
设置行高。
1

text-align
规定文本的水平对齐方式。
1

text-decoration
规定添加到文本的装饰效果。
1

text-indent
规定文本块首行的缩进。
1

text-shadow
规定添加到文本的阴影效果。
2

text-transform
控制文本的大小写。
1

unicode-bidi
设置文本方向。
2

white-space
规定如何处理元素中的空白。
1

word-spacing
设置单词间距。
1

CSS 字体属性(Font)

font
在一个声明中设置所有字体属性。
1

font-family
规定文本的字体系列。
1

font-size
规定文本的字体尺寸。
1

font-size-adjust
为元素规定 aspect 值。
2

font-stretch
收缩或拉伸当前的字体系列。
2

font-style
规定文本的字体样式。
1

font-variant
规定是否以小型大写字母的字体显示文本。
1

font-weight
规定字体的粗细。
1

CSS 外边距属性(Margin)

margin
在一个声明中设置所有外边距属性。
1

margin-bottom
设置元素的下外边距。
1

margin-left
设置元素的左外边距。
1

margin-right
设置元素的右外边距。
1

margin-top
设置元素的上外边距。
1

CSS 内边距属性(Padding)

padding
在一个声明中设置所有内边距属性。
1

padding-bottom
设置元素的下内边距。
1

padding-left
设置元素的左内边距。
1

padding-right
设置元素的右内边距。
1

padding-top
设置元素的上内边距。
1

CSS 列表属性(List)

list-style
在一个声明中设置所有的列表属性。
1

list-style-image
将图象设置为列表项标记。
1

list-style-position
设置列表项标记的放置位置。
1

list-style-type
设置列表项标记的类型。
1

marker-offset

2

内容生成(Generated Content)

content
与 :before 以及 :after 伪元素配合使用,来插入生成内容。
2

counter-increment
递增或递减一个或多个计数器。
2

counter-reset
创建或重置一个或多个计数器。
2

quotes
设置嵌套引用的引号类型。
2

CSS 尺寸属性(Dimension)

height
设置元素高度。
1

max-height
设置元素的最大高度。
2

max-width
设置元素的最大宽度。
2

min-height
设置元素的最小高度。
2

min-width
设置元素的最小宽度。
2

width
设置元素的宽度。
1

CSS 定位属性(Positioning)

bottom
设置定位元素下外边距边界与其包含块下边界之间的偏移。
2

clear
规定元素的哪一侧不允许其他浮动元素。
1

clip
剪裁绝对定位元素。
2

cursor
规定要显示的光标的类型(形状)。
2

display
规定元素应该生成的框的类型。
1

float
规定框是否应该浮动。
1

left
设置定位元素左外边距边界与其包含块左边界之间的偏移。
2

overflow
规定当内容溢出元素框时发生的事情。
2

position
规定元素的定位类型。
2

right
设置定位元素右外边距边界与其包含块右边界之间的偏移。
2

top
设置定位元素的上外边距边界与其包含块上边界之间的偏移。
2

vertical-align
设置元素的垂直对齐方式。
1

visibility
规定元素是否可见。
2

z-index
设置元素的堆叠顺序。
2

CSS 打印属性(Print)

orphans
设置当元素内部发生分页时必须在页面底部保留的最少行数。
2

page-break-after
设置元素后的分页行为。
2

page-break-before
设置元素前的分页行为。
2

page-break-inside
设置元素内部的分页行为。
2

widows
设置当元素内部发生分页时必须在页面顶部保留的最少行数。
2

CSS 表格属性(Table)

border-collapse
规定是否合并表格边框。
2

border-spacing
规定相邻单元格边框之间的距离。
2

caption-side
规定表格标题的位置。
2

empty-cells
规定是否显示表格中的空单元格上的边框和背景。
2

table-layout
设置用于表格的布局算法。
2

CSS 伪类(Pseudo-classes)

:active
向被激活的元素添加样式。
1

:focus
向拥有键盘输入焦点的元素添加样式。
2

:hover
当鼠标悬浮在元素上方时,向元素添加样式。
1

:link
向未被访问的链接添加样式。
1

:visited
向已被访问的链接添加样式。
1

:first-child
向元素的第一个子元素添加样式。
2

:lang
向带有指定 lang 属性的元素添加样式。
2

CSS 伪元素(Pseudo elements)

:first-letter
向文本的第一个字母添加特殊样式。
1

:first-line
向文本的首行添加特殊样式。
1

:before
在元素之前添加内容。
2

:after
在元素之后添加内容。
2

② 我用wordpress模仿了别人的主体 在加入h1标签后 在css里面加了段代码,但是首页是解决了,

肯定是css冲突了,即有限顺序混乱导致的,你可以增加类名来区分,比如:
先把控制h1的css去掉,然后首页的h1添加类名<h1 class="home_h1">内容</h1>,然后再css里面添加.home_h1{text-align:left;},内容页的h1则添加类名con_h1<h1 class="con_h1">内容</h1>后再css里面添加.home_h1{text-align:center;},这种方法虽然麻烦一点。需要在所有h1里面添加类名。但是在当同一个页面含有俩种不同样式的h1时,不会出错。
在介绍一种简单的方法。在首页body上添加类名home<body class="home">内容<body>
.home h1{text-align:left;}在内容页body上添加类名home<body class="con">内容<body>
.con h1{text-align:left;}这样工作量小,但是不灵活

③ WORDPRESS发表文章如何调用CSS样式呢

CSS样式都是放在<head>标签对中进行调用,代码如下:
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" />
你把需要添加的样式在CSS文件里修改好,就可以了

在发表文章时,把编辑窗口切换到html编辑模式就可以使用<link>标签了,对SEO没什么影响

④ wordpress怎么更改css样式

二、确定修改重点
这里讲述的是怎么修改CSS文件,其实仔细观察Wordpress主题模板代码,不管是index.php首页还是page.php页面,或者single.php文章内页,你会发现,其实大部分主题都只是通过CSS来控制页面布局,页面本身的代码基本相同,特别是一些国外简洁明了的优秀主题更是如此。
当我们要修改某部分样式及结构时,都会直接打开Wordpress主题模板文件或在后台编辑主题,密密麻麻的代码,就是主题作者自己看了也会头晕眼花,所以会经常在关键部位加上一些注释,
php中注释一般为:<!– XXX –>
css中为:/** XXX **/
一般调整比较常见的是页面宽度、文本主体宽度、字体大小、行间距、背景颜色等。通过修改style.css文件都能够达到预期效果(部分主题会指定CSS文件,只需对应找到控制的CSS文件),部分国外主题在functions.php中加入加入大量模板函数,这不是本文讲述的重点。
三、修改Wordpress主题CSS文件
下面以Wordpress默认主题Twentyeleven修改为例
用Mozilla Firefox浏览器打开网站,首先在要修改样式的地方右键单击→查看元素。

此时浏览器自动打开DOM样式探查器

左侧是页面html源代码,右侧这部分就是控制标题文字的CSS属性,当然可以自己琢磨着对照左侧代码进行选择

我们简单地对CSS参数进行调整,可以实时预览效果,不管是字体大小,还是背景颜色都如此。

例如把color: rgb(34, 34, 34);调整为color: rgb(345, 34, 34);你会发现标题颜色发生改变,再加入字体参数font-size: 20px;
font-family: 微软雅黑; 此时发现页面中,文章标题全部都变为微软雅黑字体,字号为20px,红色,调整到满意的效果后,就应该把文件修改进CSS文件里。注意:字体如果是要使用微软雅黑等中文字体时,需要参照CSS中文字体对照表使用Unicode编码

保存方法有二种
一种是对照代码右侧位置style.css:745 用Dreamweaver软件或是记事本打开style.css文件找到第745行代码进行修改。另一种是点击style.css:745自动跳转到样式编辑器,然后选择保存CSS文件。

⑤ 如何给wordpress内容加上css

添加一些额外的CSS样式重新定义某篇WordPress文章的外观风格,可以直接在文章编辑器中直接添加CSS代码。
将下面代码添加到WordPress主题头部模板 header.php中:
<?php if (is_single()) {
$css = get_post_meta($post->ID, 'css', true);
if (!emptyempty($css)) { ?>
<style type="text/css">
<?php echo $css; ?>
</style>
<?php }
} ?>

⑥ 如何自定义wordpress菜单css样式

参考下面方法
CSS 背景属性(Background)

background
在一个声明中设置所有的背景属性。
1

background-attachment
设置背景图像是否固定或者随着页面的其余部分滚动。
1

background-color
设置元素的背景颜色。
1

background-image
设置元素的背景图像。
1

background-position
设置背景图像的开始位置。
1

background-repeat
设置是否及如何重复背景图像。
1

CSS 边框属性(Border 和 Outline)

border
在一个声明中设置所有的边框属性。
1

border-bottom
在一个声明中设置所有的下边框属性。
1

border-bottom-color
设置下边框的颜色。
2

border-bottom-style
设置下边框的样式。
2

border-bottom-width
设置下边框的宽度。
1

border-color
设置四条边框的颜色。
1

border-left
在一个声明中设置所有的左边框属性。
1

border-left-color
设置左边框的颜色。
2

border-left-style
设置左边框的样式。
2

border-left-width
设置左边框的宽度。
1

border-right
在一个声明中设置所有的右边框属性。
1

border-right-color
设置右边框的颜色。
2

border-right-style
设置右边框的样式。
2

border-right-width
设置右边框的宽度。
1

border-style
设置四条边框的样式。
1

border-top
在一个声明中设置所有的上边框属性。
1

border-top-color
设置上边框的颜色。
2

border-top-style
设置上边框的样式。
2

border-top-width
设置上边框的宽度。
1

border-width
设置四条边框的宽度。
1

outline
在一个声明中设置所有的轮廓属性。
2

outline-color
设置轮廓的颜色。
2

outline-style
设置轮廓的样式。
2

outline-width
设置轮廓的宽度。
2

CSS 文本属性(Text)

color
设置文本的颜色。
1

direction
规定文本的方向 / 书写方向。
2

letter-spacing
设置字符间距。
1

line-height
设置行高。
1

text-align
规定文本的水平对齐方式。
1

text-decoration
规定添加到文本的装饰效果。
1

text-indent
规定文本块首行的缩进。
1

text-shadow
规定添加到文本的阴影效果。
2

text-transform
控制文本的大小写。
1

unicode-bidi
设置文本方向。
2

white-space
规定如何处理元素中的空白。
1

word-spacing
设置单词间距。
1

CSS 字体属性(Font)

font
在一个声明中设置所有字体属性。
1

font-family
规定文本的字体系列。
1

font-size
规定文本的字体尺寸。
1

font-size-adjust
为元素规定 aspect 值。
2

font-stretch
收缩或拉伸当前的字体系列。
2

font-style
规定文本的字体样式。
1

font-variant
规定是否以小型大写字母的字体显示文本。
1

font-weight
规定字体的粗细。
1

CSS 外边距属性(Margin)

margin
在一个声明中设置所有外边距属性。
1

margin-bottom
设置元素的下外边距。
1

margin-left
设置元素的左外边距。
1

margin-right
设置元素的右外边距。
1

margin-top
设置元素的上外边距。
1

CSS 内边距属性(Padding)

padding
在一个声明中设置所有内边距属性。
1

padding-bottom
设置元素的下内边距。
1

padding-left
设置元素的左内边距。
1

padding-right
设置元素的右内边距。
1

padding-top
设置元素的上内边距。
1

CSS 列表属性(List)

list-style
在一个声明中设置所有的列表属性。
1

list-style-image
将图象设置为列表项标记。
1

list-style-position
设置列表项标记的放置位置。
1

list-style-type
设置列表项标记的类型。
1

marker-offset

2

内容生成(Generated Content)

content
与 :before 以及 :after 伪元素配合使用,来插入生成内容。
2

counter-increment
递增或递减一个或多个计数器。
2

counter-reset
创建或重置一个或多个计数器。
2

quotes
设置嵌套引用的引号类型。
2

CSS 尺寸属性(Dimension)

height
设置元素高度。
1

max-height
设置元素的最大高度。
2

max-width
设置元素的最大宽度。
2

min-height
设置元素的最小高度。
2

min-width
设置元素的最小宽度。
2

width
设置元素的宽度。
1

CSS 定位属性(Positioning)

bottom
设置定位元素下外边距边界与其包含块下边界之间的偏移。
2

clear
规定元素的哪一侧不允许其他浮动元素。
1

clip
剪裁绝对定位元素。
2

cursor
规定要显示的光标的类型(形状)。
2

display
规定元素应该生成的框的类型。
1

float
规定框是否应该浮动。
1

left
设置定位元素左外边距边界与其包含块左边界之间的偏移。
2

overflow
规定当内容溢出元素框时发生的事情。
2

position
规定元素的定位类型。
2

right
设置定位元素右外边距边界与其包含块右边界之间的偏移。
2

top
设置定位元素的上外边距边界与其包含块上边界之间的偏移。
2

vertical-align
设置元素的垂直对齐方式。
1

visibility
规定元素是否可见。
2

z-index
设置元素的堆叠顺序。
2

CSS 打印属性(Print)

orphans
设置当元素内部发生分页时必须在页面底部保留的最少行数。
2

page-break-after
设置元素后的分页行为。
2

page-break-before
设置元素前的分页行为。
2

page-break-inside
设置元素内部的分页行为。
2

widows
设置当元素内部发生分页时必须在页面顶部保留的最少行数。
2

CSS 表格属性(Table)

border-collapse
规定是否合并表格边框。
2

border-spacing
规定相邻单元格边框之间的距离。
2

caption-side
规定表格标题的位置。
2

empty-cells
规定是否显示表格中的空单元格上的边框和背景。
2

table-layout
设置用于表格的布局算法。
2

CSS 伪类(Pseudo-classes)

:active
向被激活的元素添加样式。
1

:focus
向拥有键盘输入焦点的元素添加样式。
2

:hover
当鼠标悬浮在元素上方时,向元素添加样式。
1

:link
向未被访问的链接添加样式。
1

:visited
向已被访问的链接添加样式。
1

:first-child
向元素的第一个子元素添加样式。
2

:lang
向带有指定 lang 属性的元素添加样式。
2

CSS 伪元素(Pseudo elements)

:first-letter
向文本的第一个字母添加特殊样式。
1

:first-line
向文本的首行添加特殊样式。
1

:before
在元素之前添加内容。
2 :after 在元素之后添加内容。

⑦ wordpress如何调用分类目录带css样式

wordpress别这么设置分类目录,你可以参考下wordpress自带主题twentyten下面的分类目录,<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?> 用这个函数处理的,css你可以自己调

⑧ 如何用WordPress定制CSS

二、确定修改重点这里讲述的是怎么修改CSS文件,其实仔细观察Wordpress主题模板代码,不管是index.php首页还是page.php页面,或者single.php文章内页,你会发现,其实大部分主题都只是通过CSS来控制页面布局,页面本身的代码基本相同,特别是一些国外简洁明了的优秀主题更是如此。当我们要修改某部分样式及结构时,都会直接打开Wordpress主题模板文件或在后台编辑主题,密密麻麻的代码,就是主题作者自己看了也会头晕眼花,所以会经常在关键部位加上一些注释,php中注释一般为:css中为:/**XXX**/一般调整比较常见的是页面宽度、文本主体宽度、字体大小、行间距、背景颜色等。通过修改style.css文件都能够达到预期效果(部分主题会指定CSS文件,只需对应找到控制的CSS文件),部分国外主题在functions.php中加入加入大量模板函数,这不是本文讲述的重点。三、修改Wordpress主题CSS文件下面以Wordpress默认主题Twentyeleven修改为例用MozillaFirefox浏览器打开网站,首先在要修改样式的地方右键单击→查看元素。此时浏览器自动打开DOM样式探查器左侧是页面html源代码,右侧这部分就是控制标题文字的CSS属性,当然可以自己琢磨着对照左侧代码进行选择我们简单地对CSS参数进行调整,可以实时预览效果,不管是字体大小,还是背景颜色都如此。例如把color:rgb(34,34,34);调整为color:rgb(345,34,34);你会发现标题颜色发生改变,再加入字体参数font-size:20px;font-family:微软雅黑;此时发现页面中,文章标题全部都变为微软雅黑字体,字号为20px,红色,调整到满意的效果后,就应该把文件修改进CSS文件里。注意:字体如果是要使用微软雅黑等中文字体时,需要参照CSS中文字体对照表使用Unicode编码保存方法有二种一种是对照代码右侧位置style.css:745用Dreamweaver软件或是记事本打开style.css文件找到第745行代码进行修改。另一种是点击style.css:745自动跳转到样式编辑器,然后选择保存CSS文件。

⑨ wordpress怎么添加自己的css

WordPress主题修改CSS教程_网络经验 http://jingyan..com/article/8275fc86a70c5446a03cf6f9.html

⑩ wordpress code 标签样式在哪里修改

找到代码所属div,火狐firebug右侧还能查看css,尝试修改样式,如果正确则确定该css属性,进入主题css文件进行修改 (美设之家)

阅读全文

与wordpress标签css相关的资料

热点内容
网络订单处理 浏览:589
团鬼六所有的电影 浏览:157
十大必看火影小说排行榜 浏览:580
大香蕉一区 浏览:697
台版iphone6有什么区别 浏览:711
小说电影图片 浏览:114
求个在线看h的网站 浏览:859
神鼠电影网第一页 浏览:938
361电影电视剧 浏览:303
韩国一个护工照顾病人的电影 浏览:398
重生薛仁贵之推薛琪 浏览:42
免费观看欧美纯爱电影 浏览:60
男主角叫徐东的小说 浏览:274
绿版各种改编玄幻小说 浏览:560
张寒三虎翠儿免费阅读 浏览:670
国产小电影网站 浏览:489
最快影院 浏览:313
如何知道wifi登陆过什么网站 浏览:887
婴儿用品网站哪个好 浏览:398
音乐网站怎么建设 浏览:957

友情链接