自定义模板css样式,css常用模板

CSS自定义模板

CSS有一个公共标准,你可以搜索看看,一般说的自定义模板,是作者通过自己定义的模式建立起一套灵活的页面显示方法。一般可通过更改、替换默认样式表的方式进行自定义。

为大安市等地区用户提供了全套网页设计制作服务,及大安市网站建设行业解决方案。主营业务为网站设计制作、做网站、大安市网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

自定义样式一般使用外部样式表,即.css文件。有些程序可在程序中更改样式表名。

比如默认的样式表里有这样一个样式

.defaultfont{

font-size:12px;

color:blue;

}

那你可以改成

.defaultfont{

font-size:75%;

color:red;

}

如果对设置样式表代码不清楚,可以查看相关文档。

怎样设定自定义CSS

自定义CSS的三中方方式:

一、行间样式表

行间样式表是指将CSS样式编码写在HTML标签中,格式如下

h1 style="font-size:12px;color:#000FFF"

我的CSS样式。

/h1

行间样式表由HTML元素的HTML元素的style支持,只需将CSS代码用分号隔开写在style=""之中。这是最基本的形式,但是它没有实现表现与内容分离且不能灵活的控制多个页面所以我们只是在调试CSS代码的时候使用。

二、内部样式表

内部样式表与行间样式表相似都是把CSS代码写在HTML页面中,稍微不同的是前者可以将样式表放在一个固定的位置,格式如下

html

head

title内部样式表/title

style type="text/css"

h1{font-size:12px;

color:#000FFF

}

/style

/head

body

h1我的CSS样式。/h1

/body

/html

内部样式表编码是初级的应用形式,不能达到跨页面使用所以不适合使用。

三、外部样式表

外部样式表是CSS应用中最好的一中形式,它将CSS样式代码单独放在一个外部文件中,再由网页进行调用。多个网页可以调用一个样式文件表,这样能够实现代码的最大限度的重用及网站文件的最优化配置,格式如下

html

head

title外部样式表/title

link rel="stylesheet" rev="stylesheet" href="style.css"

/head

body

h1我的CSS样式。/h1

/body

/html

在style.css中的代码为

h1{font-size:12px;

color:#000FFF

}

我们在head中使用了link标签来调用外部样式表文件。将link指定为stylesheet方式,并使用了href="style.css"指明样式表文件的路径便可将该页面应用到在style.css中定义的样式。

自定义模板CSS

个人档案区域

#m_pro a 链接{color:#3399CC}是设置颜色

#m_pro a:visited{color:#3399CC}是设置访问后的颜色

#m_pro div.image 个人头像{text-align:center}是用来显示图像的位置

#m_pro div.act 操作区(如加为好友、发送消息){margin-top:10px}

#m_pro div.user 用户名{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}是用来设置用户名的位置,#m_pro div.desc 用户简介{color:#333333;font-size:12px}

是用来设置用户名颜色,字体的大小

#m_pro div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}用来设置分界线的长度,宽度,颜色


网页名称:自定义模板css样式,css常用模板
文章URL:http://csdahua.cn/article/dsdiigp.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流