2013年3月21日

符号实体(转义字符)

摘要：有些符号不方便直接使用，所以需要使用转义来是实现符号实体相当于人的外号，符号实体的表现方式：&xxx;如果就要输入&，则用&amp，即&amp为&本身常见的符号实体：&gt：----大于号 “>”<----小于号“<”&nbsp:-----空格©-----版权符号®-----注册商标的符号&-----&符号本身阅读全文

posted @ 2013-03-21 18:34 阿土白白阅读(199) 评论(0) 推荐(0)

字体精讲

摘要：先特殊后通用，越往后的字体越安全。<title>无标题文档</title><style title="text/css">p { font-family:Times,"宋体",sans-serif; /*如果前面的字体都没有找到，那就告诉客户端指定一个无衬线的字体*/ }div { font-family:"Times New Roman"; /*不等宽字体*/ }</style></head><body> <div> MMMMMMMMMMM<b 阅读全文

posted @ 2013-03-21 15:19 阿土白白阅读(128) 评论(0) 推荐(0)

字体控制

摘要：字总是在行的正中间，将行高拉大至与块同大，则字体就会显示在块的中间。阅读全文

posted @ 2013-03-21 14:04 阿土白白阅读(116) 评论(0) 推荐(0)

文本控制

摘要： <style title="text/css">p { text-indent:30px; text-align:right; letter-spacing:1px; }a { text-decoration:none; }div { text-decoration:none; }</style> 阅读全文

posted @ 2013-03-21 13:23 阿土白白阅读(143) 评论(0) 推荐(0)

伪类选择器

摘要：伪类选择器选择的不是某一种元素，而是某种元素的某种状态。对于链接，我们可以针对链接的4种状态来设置显示效果：链接没被点击过:不加或者link链接被点击过：visited鼠标放在链接上:hover鼠标点击的瞬间:active这四种状态必须按照 l v h a的顺序#nav li a:link { display:block; width:90px; height:37px; background:gray; }#nav li a:hover { display:block; width:90px; height:37px; background:orange; 阅读全文

posted @ 2013-03-21 12:54 阿土白白阅读(124) 评论(0) 推荐(0)

背景详解

摘要：背景：color:代表纯颜色背景。例：red,blue,#FFFimage:url(图片路径)。注意：图片路径不加引号repeat:铺排效果。例：repeat-x repeat-y no-repeatattachment:滚动效果(兼容性不好，用的不多) 例：scorll(默认)，随元素滚动 fixed相对屏幕不变位置，像被钉住position:多个元素共用一个背景图这种现象在大网站非常常见作用：可以节省很多次的请求，把众多的背景图请求压缩为一次，因为大网站每天的访问量可能上亿，这时的性能提升就很明显。计算机里的坐标(重要)原点在屏幕的左上角，并且x轴往“右”为正，y轴往"下&quo 阅读全文

posted @ 2013-03-21 10:52 阿土白白阅读(151) 评论(0) 推荐(0)

2013年3月20日

内联元素

摘要：内联元素：内联元素又叫“行内元素”，w3c组织称之为“行内框”，网友的经典比喻---“行内元素”就是橡皮筋，文字走到哪，橡皮筋包到哪内联元素只对每一行的文字起作用，或者说内联元素的作用范围，不能跳出行的区域内联元素下方的空白问题：在一大段N行(N>=2)文字的行与行之间有行距且行距是可以控制的，每行行距也都相等，但是在最后一行，与后面的块状元素，则有一个明显的边距，这个边距是我们用css控制不了的，开发中常碰到图片与下方的块状元素有空白的问题原因：因为图片是内联元素，所有内联元素结束后，与后面的块状元素有一段空白。解决：通过display来转换img为块状元素，再通过margin:0;来阅读全文

posted @ 2013-03-20 18:50 阿土白白阅读(291) 评论(0) 推荐(0)

html标签(3)--表格

摘要： <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style title="text/css">table {border:solid 1px blue;}td {border:solid 1px red;}/* 如何通过css控制表格的边框，样式*/table {border-collapse:separate;/*border-c 阅读全文

posted @ 2013-03-20 16:37 阿土白白阅读(150) 评论(0) 推荐(0)

html标签(2)--有序列表与无序列表

摘要：有一些内容形式，用div来实现非常麻烦，也不适合例如一些表格形式无序列表ul 代表列表li 代表列表中的项list-style 控制列表的样式有序列表ol 代表列表li 代表列表中的项<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">&l 阅读全文

posted @ 2013-03-20 15:51 阿土白白阅读(322) 评论(0) 推荐(0)

html标签(1)

摘要：标签的语义性div标签的局限div(divistion)是块、区域的意思在html里，div是负责划分大块区域div是没有“语义性”的div和h1标签放在一块比较最为典型<div>hello world</div><h1>hello world</h1>两者的显示效果不一样，h1里面的文字大原因就在于，div仅用来划区域，至于里面的内容，是标题还是段落分析不出来而且对文字的颜色、粗细、大小等并没有影响。因此，我们说div是没有语义性的，无语义标签但是对于搜索引擎来说，如果全用div不利于seo的优化以h1为例，h1里面的文字会被搜索引擎作为分析页阅读全文

posted @ 2013-03-20 15:23 阿土白白阅读(199) 评论(0) 推荐(0)

2013年3月21日

2013年3月20日

公告

导航