随笔分类 - CSS
摘要：原文地址:http://www.cnblogs.com/yjzhu/archive/2012/11/05/2755095.htmlbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0; padding:0; }
阅读全文
摘要：刚开始学web开发，打算将学习的过程及体会给写下来，一方面可以加深理解，另一方面又可以方便以后的复习，何乐而不为呢。//效果截图如下//css代码如下 1 <style type="text/css"> 2 3 /*--页面属性设置*/ 4 body{ background-color: #FFCCFF;} 5 /*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/ 6 7 /*超链接属性设置*/ 8 a{ tex...
阅读全文
摘要：效果截图如下:html代码如下:<dl> <dt>领导、老师</dt> <dd><img src="images/tx1.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzzzz</a></dd> <dd><img src="images/tx2.jpg" width="100" height="
阅读全文
摘要：当同一个Html元素被不止一个样式定义时，会使用哪个样式呢？一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字4拥有最高的优先权。1.浏览器缺省设置 2.外部样式表3.内部样式表（位于 <head> 标签内部） 4.内联样式（在 HTML 元素内部）因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
阅读全文
摘要：今天在写CSS控制html时，死活不出效果，郁闷呀,差点就怀疑RP问题了！...左思右想，想到编程时，变量的定义不都是有规则的吗？而我的div的id名为://注意其中有一个点.div_QZONE.COM截图如下:试着改变了下id的名字，呵呵，哥想要的效果出现了...这么简单的问题，悔不该出现呀！马上翻书查看了下命名规则，谨记如下:CSS在自定义类名时，只能够使用：1.字母 2.数字 3.下划线(_) 4.连接符(-)类名首字符必须以字母开头，否则无效。另外，类名是区分大小写的!
阅读全文
摘要：p{ padding-left:2em; /*p段落中的字符与页面左侧缩进两个字符*/}
阅读全文
摘要：p{ text-indent:2em; /*每个P段落，首行空出两个空格，即缩进两个字符*/}
阅读全文
摘要：<!--以下的div包含3个p标签，现在我们想让这3个标签的表现形式都是一样的，如果才能做到呢？用包含选择符即可，详细请看CSS文件代码...--><div id="testId"><p>我是P1</p><p>我是P2</p><p>我是P3</p></div>CSS文件代码:/*这是CSS注释方式*//*用包含选择符时，要用空格隔开相邻的两个标签，如下所示#testId和p之间有一空间，#testId在此代表Div*/#testId p{font-size:36px;
阅读全文
摘要：<!--给标签p的class取个名字叫myClass，注class名可以有多个--><p class="myClass">hello web</p><div class="myClass1 myClass2 myClass3"> 我的class名有3个，每一个都可以控制我的表现形式</div>CSS文件代码如下:/*这是CSS注释*//*在用class名来控制html标签时，应在class名前加一点，如果是id名，加#即可*/.myClass{font-size:60px;color:#C09;
阅读全文
摘要：<!--给标签p的id取个名字叫myId,注id名在同一个html文件中应保持唯一性，而class名可以重复，且一个p标签可以有多个class名--><p id="myId">hello web</p>CSS文件代码如下:/*这是CSS注释方式*//*在用id名来控制html标签时，应在id名前加个#号，如果是class名，则加一点即可*/#myId{font-size:60px;color:#C09;}效果如下:
阅读全文
摘要：<!--为测试方便，我直接把CSS代码放在html文件中了，实际使用时，建议单独建个CSS文件来放CSS代码...--><style type="text/css">p{font-size:60px;color:#00F;}</style><p>hello web</p>效果截图如下:
阅读全文
浙公网安备 33010602011771号