如何使用CSS自定义模板，我看不懂英文，麻烦解释一下好吗，再教我使用CSS？css模板怎么用啊

本文目录

• 如何使用CSS自定义模板，我看不懂英文，麻烦解释一下好吗，再教我使用CSS
• css模板怎么用啊
• 如何设置CSS中的模板代码，让网页局中
• div css模板 是怎么制作的
• div+css网页模板、css模版和WordPress模版有什么区别
• 淘宝sdk模板和css模板有什么区别呢可以编辑吗
• 什么是CSS模板
• 如快速学习认识html5和css另外怎样获取别人网站模板里的特效比你增加到自己网站去

如何使用CSS自定义模板，我看不懂英文，麻烦解释一下好吗，再教我使用CSS

设置--模版设置--开始自定义--创建新模版--修改css代码空间页面CSS说明 body 整个空间页面{background-color:#FFFFFF}--------------------------------------------------------------------------------空间名称和简介区域#header 主体部分{height:89px;background:#3399CC}#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}#header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right}#header div.tit 空间名称{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}#header div.tit a.titlink 空间名称链接{color:#FFFFFF;text-decoration:none}#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}#header div.desc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px}#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}#tab TAB菜单主体{top:67px;background:url(temp1/tabbg.gif) repeat-x}#tab a.on,#tab a.on:link,#tab a.on:visited TAB选中状态{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}#tab span TAB与TAB之间的分割符“|”{color:#FFFFFF;font-size:14px}#tab a:link TAB未选中状态{color:#FFFFFF;text-decoration:none;font-size:14px}#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}#tab2 设置TAB菜单主体{background:#DAE9F5}#tab2 span TAB选中状态{color:#000000;font-size:12px;font-weight:bold}#tab2 a TAB未选中状态{font-size:12px}#tab2 a:link{color:#0000CC}#tab2 a:visited{color:#0000CC} --------------------------------------------------------------------------------内容区域 .stage（TAB菜单与版权信息之间的区域）{background:#F3F1F1}其它区域（即访问量等信息）#comm_info 主体{color:#333333;font-family:Arial;text-align:left}#comm_info div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#comm_info a 链接{color:#3399CC}--------------------------------------------------------------------------------页码区域#page 主体{height:30px;font-size:14px;font-family:Arial;text-align:center}#page span 当前页码（不可点击）{padding:3px;color:#000000;font-size:14px;font-weight:bold}#page a.pc 上一页和下一页{color:#3399CC;font-size:14px;font-weight:bold}#page a.pc:visited{color:#3399CC}#page a.pi 页码（可点击）{padding:3px;color:#3399CC;font-size:14px}#page a.pi:visited{color:#3399CC}--------------------------------------------------------------------------------模块.mod {margin-bottom:10px}.modhandle{cursor:move}.modth 模块标题栏主体{height:24px}.modhead{padding:4px 4px 0 4px}.modopt 模块操作区（如写新文章）{padding:4px 4px 0 0}.modtit 模块标题区（如文章列表）{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}.modact 操作文字链接（如文章列表）{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}.modbox 模块内容区{padding:10px 10px 0 10px;background-color:#FFFFFF}.modtl 模块左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line-height:1px}.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}.modtr 模块右上角背景{background:url(temp1/ptitr.gif) no-repeat top right;line-height:1px}.modbl 模块左下角背景{background-color:#FFFFFF;line-height:1px}.modbc 模块中下背景{background-color:#FFFFFF;line-height:1px}.modbr 模块右下角背景{background-color:#FFFFFF;line-height:1px}--------------------------------------------------------------------------------文章区域#m_blog div.tit 文章标题{font-size:14px;font-weight:bold}#m_blog div.tit a 文章标题链接{color:#333333;font-size:14px;font-weight:bold}#m_blog div.tit a:visited{color:#333333}#m_blog div.date 文章发表日期{margin:5px 0 8px 0;color:#666666}#m_blog div.cnt 文章内容{color:#333333;line-height:20px;font-size:14px}#m_blog div.more{margin:14px 0 16px 0}#m_blog div.more a 阅读全文链接{color:#3399CC;font-size:14px}#m_blog div.more a:visited{color:#3399CC}#m_blog div.opt 文章操作区（如、评论等）{color:#666666;font-size:12px}#m_blog div.opt a 文章操作链接{color:#3399CC;font-size:12px}#m_blog div.opt a:visited{color:#3399CC}#m_blog div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}#m_blog div.none 无文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}--------------------------------------------------------------------------------个人档案区域#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}#m_pro td{color:#333333;line-height:24px;font-size:14px}--------------------------------------------------------------------------------相册区域#m_album div.image 照片{text-align:center}#m_album div.page {color:#666666;font-size:12px;text-align:center}#m_album div.page a{color:#0000CC;font-size:12px}#m_album div.page a:visited{color:#0000CC}--------------------------------------------------------------------------------友情链接区域#m_links div.item 子项{color:#333333;font-size:12px}#m_links div.item a 名称（链接）{color:#3399CC;font-size:12px;text-decoration:none}#m_links div.item a:visited{color:#3399CC}#m_links div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}--------------------------------------------------------------------------------文章分类#m_artclg div.item 子项{color:#666666;font-size:12px}#m_artclg div.item a 分类名称（链接）{color:#3399CC;font-size:12px}#m_artclg div.item a:visited{color:#3399CC}#m_artclg div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}--------------------------------------------------------------------------------最新评论区域#m_comment div.item 子项{color:#333333;font-size:12px}#m_comment div.item a 发表人（链接）{color:#3399CC;font-size:12px}#m_comment div.item a:visited{color:#3399CC}#m_comment div.item a.cnt 评论摘要（链接）{color:#333333;font-size:12px;text-decoration:none}#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}#m_comment div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}--------------------------------------------------------------------------------相册列表#m_albumlist div.note{color:#333333;font-size:14px}#m_albumlist div.desc 简介{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}#m_albumlist div.none 无照片提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}#m_albumlist div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}#m_albumlist div.tit 照片标题{margin:6px 0 7px 0;color:#333333;font-size:14px}#m_albumlist div.tit a 照片标题链接{color:#3399CC;font-size:14px}#m_albumlist div.tit a:visited{color:#3399CC}#m_albumlist span.count 照片数量{color:#666666;font-size:12px;font-weight:bold}#m_albumlist span.size 照片尺寸{color:#999999;font-size:12px;font-family:Arial}#m_albumlist a.act 操作区链接（如、删除）{color:#3399CC;font-size:12px}#m_albumlist a.act:visited{color:#3399CC}#m_albumlist a.page 页码链接{color:#0000CC;font-size:14px}#m_albumlist a.page:visited{color:#0000CC}#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}--------------------------------------------------------------------------------好友列表#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}#m_friend div.user a 好友名称（链接）{color:#3399CC;font-size:12px}#m_friend div.user a:visited{color:#3399CC}#m_friend div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}--------------------------------------------------------------------------------设置访问统计、模板设置#m_setting a 链接{color:#3399CC}#m_setting a:visited{color:#3399CC}#m_setting 主体{line-height:22px;color:#333333;font-size:14px}#m_setting img.sel 模板预览图（选中状态）{border:4px solid #FFDB7B}#m_setting img.unsel 模板预览图（未选中状态）{border:1px solid #D2D2D2}#m_setting span.tit 模板标题名称{font-size:14px}#m_setting span.usr 作者名{color:#666666}#m_setting div.sel “当前模板”文字{padding-top:6px;font-size:14px;font-weight:bold}#m_setting div.line 分界线{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}--------------------------------------------------------------------------------系统公告#m_sysinfo a 链接{color:#3399CC}#m_sysinfo a:visited{color:#3399CC}#m_sysinfo 主体{line-height:22px;color:#333333;font-size:14px}#m_sysinfo span.new 最新{color:#FF0000;font-size:10px;font-family:Arial}#m_sysinfo span.date 发布时间{color:#666666;font-size:14px}--------------------------------------------------------------------------------基本选项#m_setbase 主体{color:#333333;font-size:14px}#m_setbase td{color:#333333;font-size:14px}#m_setbase div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}--------------------------------------------------------------------------------网友评论#in_comment 主体{width:710px}#in_comment div.tit 标题{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}#in_comment div.user 发表人名{margin-bottom:6px;color:#333333;font-size:12px}#in_comment div.user a 发表人名（链接）{color:#3399CC;font-size:12px}#in_comment div.user a:visited{color:#3399CC}#in_comment div.user span.date 发表时间{color:#666666;font-size:12px}#in_comment div.desc 评论内容{color:#333333;font-size:12px}#in_comment div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}#in_send div.tit 发表评论（标题）{margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}--------------------------------------------------------------------------------文章存档#m_filed div.item{color:#666666;font-size:12px}#m_filed div.item a{color:#3399CC;font-size:12px}#m_filed div.item a:visited{color:#3399CC}#m_filed div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}--------------------------------------------------------------------------------自定义模块自定义模块1#m_mylink1 div.item{color:#333333;font-size:12px}#m_mylink1 div.item a{color:#3399CC;font-size:12px;text-decoration:none}#m_mylink1 div.item a:visited{color:#3399CC}#m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}自定义模块2#m_mylink2 div.item{color:#333333;font-size:12px}#m_mylink2 div.item a{color:#3399CC;font-size:12px;text-decoration:none}#m_mylink2 div.item a:visited{color:#3399CC}#m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}自定义模块3#m_mylink3 div.item{color:#333333;font-size:12px}#m_mylink3 div.item a{color:#3399CC;font-size:12px;text-decoration:none}#m_mylink3 div.item a:visited{color:#3399CC}#m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}自定义模块4#m_mylink4 div.item{color:#333333;font-size:12px}#m_mylink4 div.item a{color:#3399CC;font-size:12px;text-decoration:none}#m_mylink4 div.item a:visited{color:#3399CC}#m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4} --------------------------------------------------------------------------------最近访客#m_track {color:#333333;font-size:12px}#m_track a{color:#3399CC;font-size:12px}#m_track a:visited{color:#3399CC}--------------------------------------------------------------------------------百度搜索模块#m_search {color:#000000;font-size:14px;}#m_search input.text{ color:#000000; font-size:12px;}#m_search input.radio{ background-color:#ffffff;}#m_search input.submit{ color:#000000; font-size:12px;}

css模板怎么用啊

在网页的head标签中间加《link href="你css的地址" rel="stylesheet" type="text/css" /》如:《head》 《title》《/title》 《link href="/App_Themes/Default/Default.css" rel="stylesheet" type="text/css" /》《/head》绝对地址相对地址都可以

如何设置CSS中的模板代码，让网页局中

这样：CSS里，外补丁margin如果值设置为:0auto,那就可以居中，你可以，把你整个网页外加一个(也就是《body》后和《/body前》各加上《div》和《/div》)《div》《/div》；然后在代码写为：《divstyle="margin:0auto"》

div css模板 是怎么制作的

首先网页的结构还是html搞定的，而网页中各部分的样式（是红的是绿的，是大的是小）是由css决定的。而div，只是一组标签《div》《/div》,制作网页时可以用它来选中html中的某个部分，为他命名，从而让css为这个部分添加样式。说的比较白话，希望能听得懂..用photoshop制作psn文件，只不过是在用代码设计网页的初期，先做出一个草图，便于定位和切图。对于css，lz应该多看看这方面的书。另外，css+div只是一种运用css的方法，“div+css模板”这种东西是不存在的。

div+css网页模板、css模版和WordPress模版有什么区别

div+css是网页标准布局，CSS模板就是跟div+css一样的。div是html的一个标签，css是控制网页外观样式的语言，wordpress模板不一样，wordpress是博客网站程序，wordpress模板就是不同外观。相当于人的衣服。人没有变，衣服变了。CSS模板是人变了衣服也变了。

淘宝sdk模板和css模板有什么区别呢可以编辑吗

sdk模板在试用状态下可以直接你的信息当然源码你是看不见的sdk开发的工具在淘宝装修市场能看到涉及到语言比较多一些css模板是html代码和css样式相互结合创作的模板在自己的店铺进行调试当然你要有完全自定义才可以添加css样式的最后一个问题网页模块是固定的位置是能调整的如果你要换风格当然要在重新买一套模板了

什么是CSS模板

CSS是Cascading style Sheets的简称，中文译作“层叠样式表单”，我把它叫作“层叠样式表”，我感到这样顺口一 点，没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生，实际上无论你用Internet Explorer还是 Netscape Navigator在网上冲浪，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。不管你用什么工 具软件制作网页，都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼，为什么同样内容的网页，有的人做出来有 几十KB，而高手做出来只有十几KB，CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小经验以及一些网友来信 提问的问题整理出来，供诸位参考。 1、CSS在网页制作中一般有三种方式的用法，那么具体在使用时该采用哪种用法？ 当有多个网页要用到的CSS，采用外连CSS文件的方式，这样网页的代码大大减少，修改起来非常方便；只在单个网页 中使用的CSS，采用文档头部方式；只有在一个网页一、两个地方才用到的CSS，采用行内插入方式。 2、CSS的三种用法在一个网页中要以混用吗？ 三种用法可以混用，且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因，浏览器在显示网页时是这样处 理的：先检查有没有行内插入式CSS，有就执行了，针对本句的其它CSS就不去管它了；其次检查头部方式的CSS，有就执行 了；在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出，三种CSS的执行优先级是：行内插入式、头部方 式、外连文件方式。 3、在Dreamweaver3中如何使外部文件式CSS？ 在Dreamweaver3中使用外连文件式CSS并没有特殊要求，同样是用记事本创建一个*.css文件，在网页的《head》与 《/head》之间加上一句这样的代码：《link rel="stylesheet" href="在这里填上你的CSS文件地址（相对路径+文件 名）" type="text/css"》 就行了。 4、如何用Dreamweaver3快速创建CSS外连式文件？ 对于一个初接触CSS的网页设计人员来讲，要用记事之类的器，去创建一个CSS外连式文件是相当困难的。由于 Dreamweaver3对CSS支持的很好，用它来帮助就轻松多了。具体可以这样操作： 1）先在纸上写好在网站的网页中可能要用到的格名称，然后在Dreamweaver3的窗中调出CSS面板，一个一个地定 义，并在一个空白页上适当地写一点相关内容，边定义边试用，效果不满意，立即修改； 2）全部定义好后，再用记事本创建一个空的CSS外连式文件，把在《head》与《/head》之间的那段定义好的CSS复制 到CSS文件中去，就大功告成了。整个过程就是点鼠标，方便吧？ 5、在Dreamweaver3中采用行内插入式CSS要手动写代码吗？ 不用！先用CSS面板定义好要用的CSS，然后，在要插入CSS的标记插入：style=""，再把你刚才定义的CSS从《head》 后面拖到这个双引号中来，把花括号以外的部分删去就行了。 6、在方档头部方式和外连文件方式的CSS中都有“《!--”和“--》”，好象没什么用，不要可以吗？ 这一对东东的作用是为了不引起低版本浏览器的错误。如果某个执行此页面的浏览器不支持CSS，它将忽略其中的内 容。虽然现在使用不支持CSS浏览器的人已很少了，由于互联网上几乎什么可能都会发生，所以还是留着为妙。 7、如何给一部分文字加背景色？ 给文字加上不同颜色，在DW3中只要在属性面板上选取文字的颜色就行了，非常方便，但要给部分文字加不同的背景色 却没有相应的功能，我们可以先做一个定义背景色的CSS（如：bgstyle），在DW3中点几下鼠就完成了。如一个定义淡黄色 背景的CSS是这样的： 《style type="text/css"》 《!-- .bgstyle { background: #FFFFCC} --》 《/style》 在要用时选取那段文字，再在CSS面板上点一下“bgstyle”就行了。 8、如何给部分文字加背景图像？ 与加背景色操作类似，中是在背景在选择加载图象就是了，一个定义好的加背景图象的CSS例子的代码是这样的： 《style type="text/css"》 《!-- .imgbgstyle { background-image: url(/logo.gif)} --》 《/style》 在要用时选取那段文字，再在CSS面板上点一下“imgbgstyle”就行了。 9、如何使页面的背景在文字“滚动”时背景图案静止不动？ 要使背景图案不随文字“滚动”的CSS是这样的： 《style type="text/css"》 《!-- BODY { background: purple url(/bg.jpg); background-repeat:repeat-y; background-attachment:fixed } --》 《/style》 10、如何定义字间距？ 在DW3中CSS的属性定义对话框（style Definition for .style1)的“Block”上的“letter spaceing”属性定义的就 是字间距，它指的是每一个字符之间的额外间距，经长度为单位，正负值均可，当取负值时产生字符挤在一起的效果。下 面代码是一个定义好的字间距CSS例子： 《style type="text/css"》 《!-- .style1 { letter-spacing: 3px} --》 《/style》 11、如何给文字加上划线、下划线、删除线和闪烁？ 在DW3中CSS的属性定义对话框(style Definition for .style1)的“Type”上的“decoration”属性定义的就是这些 内容，要注意的是闪烁属性有些版本的浏览器不支持，少用为好。下面是一个定义好上述效果的CSS例子： 《style type="text/css"》 《!-- .style1 { text-decoration: underline overline line-through blink} --》 《/style》 其中： “underline”是定义下划线；“overline ”是定义上划线；“ line-through”定义的是删除线；“blink” 定义的是文字闪烁。 12、如何使网页具有“首行缩进”功能？ 由于DW3输入空格不方便，利用“首行缩进”将弥补这个不足。在DW3中CSS的属性定义对话框（style Definition for .style1)的“Block”上的“text-indent”属性定义的就是“首行缩进”，所谓“首行”是指每段内容的第一行，也 就是直接按回车键就形成了一个新的段落。缩进最好以“em”（字符）为单位，比如：汉字编排要求每段开始缩进两个汉 字，设置好的CSS如下所示： 《style type="text/css"》 《!-- .style1 { text-indent: 2em} --》 《/style》 在DW3要注意：在DW3中CSS的属性定义对话框（style Definition for .style1)的“Block”上的“text-indent”右 面的缩进单位选择框中“ems”指的就是“em”。 13、在用表格进行排版时，能使某一方向上的内容离开表格线一点吗？ 可以！在DW3中CSS的属性定义对话框（style Definition for .style1)的“Box”上的“margin”定义的就是内容离 开边缘的距离，分别可定义四个方向：“top”“bottom”“left”“right”。下面就是定义在左边离开“10px”的CSS例 子代码： 《style type="text/css"》 《!-- .style1 { margin: 0px 0px 0px 10px} --》 《/style》 14、能给某部分内容加边框吗？ 用CSS可以给某部分内容加边框，在DW3中CSS的属性定义对话框（style Definition for .style1)的“Border”定义 的就是边框线，“top”“bottom”“left”“right”四边可分别定义线的粗细和颜色，这些定义好后不要忘记在下面的 “style”中定义线型，否则将看不边框线，因为默认的线型是“none”。下面是一个定义了上边框为：蓝色细线；左边框 为：绿色中粗线的CSS例子： 《style type="text/css"》 《!-- .style1 { border: solid; border-width: thin 0px 0px medium; border-color: #0000FF black black #00FF00} --》

如快速学习认识html5和css另外怎样获取别人网站模板里的特效比你增加到自己网站去

第一阶段：弄懂基本的HTML和CSS,知道别人写的是什么意思，然后把里面的内容该为你自己的就可以了

第二阶段：熟练掌握html和css,看到别人的效果自己亲自手写，这个阶段比较麻烦，所有的样式都要自己亲力亲为

第三个阶段：前面两种方法都没问题就学学CSS3的新特性和js,这时你会做出各种特效和交互功能

第四阶段：学习一下比较流行的前端框架，这时你就可以用别人写好的东西了，开发效率会大幅度提高，此时也就可以胜任基本的前段工作了