第一课-第十一课程时候代码总结

asp老师 · 发表于 2014-11-30 23:24:01

亲注册登录道勤网-可以查看更多帖子内容哦！（包涵精彩图片、文字详情等）请您及时注册登录-www.daoqin.net

您需要登录才可以下载或查看，没有账号？立即注册

x

css效果
<link href="001.css" rel="stylesheet" type="text/css" />
</head>
---------------------------------------------------------------------------------------------------------
.aaa｛｝类别选择器
#aaa{} id选择器
*｛｝通配选择器
p a{ }包含选择器/父子选择器的用法，
---------------------------------------------------------------------------------------------------------------
a{color:#933;} 没有点之前链接的颜色
a:link {color:#933;} 同上没有点击之前链接的颜色
a:visited {color:#9C6;} 浏览过的链接的颜色
a:hover{color:#009;} 鼠标放上去时候链接的颜色
a:active{color:#F06;} 鼠标点击时候链接的颜色
一般的写法为
h1 a{color:#933;} 没有点击时候链接的颜色
h1 a:hover{color:#009; font-size:36px; background:#0C3;} 鼠标放上去点击链接的颜色
.aaa{background:url(xml.jpg) no-repeat; background-position:bottom;}
其他方式： repeat-x repeat-y repeat
其他方式：background-positon:right; background-positon:left; background-positon:top;
background-position:100px 50px; 这个表示的是图片向右面移动100px之后呢在向下移动50px,
body{background:#F30;}这个是标签的css外联样式
span{color:#00F; font-size:45px;}
h1{color:#FF0; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weiht:800;}
h2{color:#0C3;}
h3{color:#0F3; background:#000;}
*{ background:#900;} 这个表示的通配选择符的用法
p a{color:#9C9;} 这个表示的是包含选择符的用法
P{color:#F00; font-size:24px; background:#9C6;}
#abc{color:#00F;}
h1,42,p,span,h5{color:#F00;} 2个都可以定义的代码组合选择符
span,h1{color:#F00;}
h1,h2,h3,h4,h5{color:#3F0; background:#330; font-weight:900;}
------------------------------------------------------------------------------------------------
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--网站的编码 utf-8是一个国际编码，gbk
是我们国内用到的编码-->
<title>无标题文档</title>
<meta name="keywords" content="道勤教育,道勤学习,道勤网,免费学习,一起交流" />
<meta name="description" content="让我们一起学习吧，道勤网免费学习网站设计，网站建设，QQ群226547332" /> <!--网站
描述的用法-->
<style type="text/css">
P{color:#F00; font-size:24px; background:#9C6;}
body{background:#F30;} 这个是颜色作为背景的方式
body{ background:url(xml.jpg) no-repeat; } 这个是图片作为背景的代码
span{color:#00F; font-size:45px;}
h1{color:#FF0; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weiht:800;}
h2{color:#0C3;}
h3{color:#0F3; background:#000;}
</style>
---------------------------------------------------------------------------------------------------------
HTML代码
<p style="color:#F00;">现在我们一起来学习这个div+css系列教程-道勤网</p>本节视频由道勤网提供,全部免费建站视频教
程请登录道勤网!www.daoqin.net .请关注本节课discuz视频教程!为各位新手站长提供学习交流的互助平台,还可以学到网站推广的
知识,如:seo等!实实在在的为新手站长包括空间域名的购买指导,到程序的使用,及网站建设,网站优化,网站维护等全方位服务,是道
勤网努力的方向!QQ群226547332
这个是无序列表的写法
<ul>
<li class="aaa">道勤网</li>
<li>学设计</li>
<li>淘宝美工</li>
<li>做网站</li>
<li id="abc" class="aaa">学设计</li>
<li>一切都是可以从0开始</li>
<li id="abc" class="aaa">学设计</li>
</ul>
<table width="700px" border="1px" >
<tr>
<td class="aaa" height="610px"> </td>
</tr>
</table>
----------------------------------------------------------------------

复制代码

我们来看下这些常用到的代码；用来我们学习研究，和知识点的回复！

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！