div-css_html/css_WEB-ITnose-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

div-css_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:33 PM

看到的东西，从手指头下过一遍消除心浮气躁，加深印象，很佩服“不动笔头不读书”这句话；毕竟只凭看、理解不是最好的办法，为避免只能看懂，却些不出来的尴尬局面，开始写--

很惊讶也很高兴地看到 CSS框架这个词。

-----------------------------伟大的分割线-------------------------------------

RGB

RGB 颜色值是16进制的 # prefix的六位字符，有成对重复值时可以简写，如#FFCCDD可以简写成#FCD。

群定义器

这是我起的名字:)，就是一下子定义几个标签的样式，标签之间用','号分割；如 p,li,div,a{font-size=12px;font-style:italic;font-weight:normal;}。

派生定义器

其实说是派生并不确切，就是给一个元素里边的子元素定义样式，这个子元素可以是一类标签（如p）也可以是有具体id值的；比如li strong{font-style:italic;font-weight:normal;}或者li #li1{font-size:12px;}。后边是我自己推出来的具体能不能用不知道。

标示定义器

海军好像是写div+css类书的人，我没读过他的书，他称这个是ID选择器，就是给一个定义了id属性的元素特别照顾地写一个样式，比如页面中有一个

，定义它的样式就是 #div1{text-align:right;margin-top:10pt;background:#CCC;color:#000;}，同样可以有派生定义器。标示定义器不能以数字开头，不能包含空格和连字符。

定义链接的伪类

css中用4个伪类来定义链接的样式，可能因为链接有好几种状态的原因吧，我想其他有多个状态的标签也该有类似。a:link;a:active;a:hover;a:visited;类似于编程语言中的继承符号":" 。定义a:link{text-decoration:none/underline/;font-weight:bold;}。

结构化css代码

结构化我理解就是应用上边介绍的定义样式的几种方法对页面上的所有元素来进行尽可能简单的逻辑定义，至少是不重复。

DT和DTD

DT是DocumentType的缩写，文档类型上边说的样式；DTD是对文档类型的定义的标准；DT是标准的页面必不可少的关键组成部分，除非你申明了正确的DT，否则你的标示和CSS不会生效；这句话不知道是否正确。申明格式如下：

；DTD有三种Traditional、Strict、FrameSet三种，从字面可以理解大致意思，我们一般使用的是Traditional，以后各家浏览器如果都符合W3C的话就不存在这个问题啦。控制结构(Table)、表现形式（Style）、内容(Content)是更细的分层。

XHTML、XML

XHTML、XML有不同的定义语言编码的格式和语法要求，比如是否有标签相应的结束标记、是否定义所有的属性值、是否在乎大小写、“--”的不同意义，有些是XHTML和HTML之间的区别。

CSS的盒模型

另记黑帽技术

要下班回家啦匆匆记一下，黑帽技术其实就是把容器的高和宽值定义为最小值，让其中的元素隐藏起来。如p{line-width:0%;line-height:0%;}

标准验证

想知道自己写的CSS等是否符合标准可以到www.validator.w3.org上看。