(文章资料来自网络、书籍等,仅为自己的笔记)
1、标签,提供无法使用脚本的替代内容,比如在浏览器禁用脚本时,或浏览器不支持客户端脚本时。
元素可包含普通HTML页面body元素中能够找到的所有元素。
只有在浏览器不支持脚本或禁用脚本时,才会显示元素中的内容。
抱歉,你的浏览器不支持JavaScript。
2、实体字符: < (小于号): < < <
不间断字符:
结合音标符:
发音符号是加到字母上的一个“glyph(字形)”。
一些变音符号,如尖音符( ̀),和抑音符( ́),
例:à
à
á
á
3、URL: 统一资源定位器(Uniform Resource Locators)
scheme://host.domain:port/path/filename
4、HTML5定义了8个新的HTML语义(semantic)元素。所有这些元素都是块级元素。
为了能让旧版本的浏览器正确显示这些元素,你可以设置css的display属性值为block:
例:header,section,footer,aside,nav,main,article,figure{display:block;}
5、为HTML添加新元素:
该实例向HTML添加的新元素,并为该元素定位样式,元素名为:
<script>
document.createElement("myHero");
</script>
<style>
myHero{
display:block;
background-color:#ddd;
padding:50px;
font-size:30px;
}
</style>
<body>
<myHero>我的第一个新元素。</myHero>
</body>
JavaScript语句 document.createElement(“myHero”), 是为IE浏览器添加新的元素。
6、Internet Explorer 浏览器问题。
你可以使用以下的方法,来为IE浏览器添加HTML5元素,但是:
IE8 及更早IE版本的浏览器不支持以上的方式。
可以用sjored 、visscher 创建“THML5 Enabling JavaScript”, "shiv"来解决这个问题。
<!--[if It IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!endif>
7、文本水平居中:text-align:center
8、ID属性不要以数字开头,数字开头的ID在Mozilla、Firefox 浏览器不起作用。
9、css:层叠样式表(Cascading Style Sheets)
10、类名的第一个字符,不能使用数字!它无法在Mozilla、Firefox中起作用。
11、你可以指定特定的HTML元素使用class。
在以下实例中,所有的p元素使用class=“center”,让该元素的文本居中
<style>
p.center{text-align:center;}
</style>
<body>
<h1 class="center">这个标题不受影响。</h1>
<p class="center">这个段落居中对齐。</p>
</body>
12、不要在属性值与单位之间留空格,如:
margin-left:20 px;
正确的写法是: margin-left:20px;
13、多重样式优先级
内联样式 inline style > 内部样式internal style sheet > 外部样式 External style sheet >浏览器默认样式
注意:如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。
14、背景 background
(1)background-repeat:repeat-x; ——只在水平方向平铺(repeat-x)
(2)background-position:right top; ——定位
综合例:body{background:#fff url('img-tree.png') no-repeat right top;
(3)background-attachment: 背景图像是否固定或者随着页面的其余部分滚动
例:background-attachment:fixed;
scroll: 背景图片随页面其余部分滚动,这是默认值;
fixed: 背景图片是固定的;
inherit: 指定的background-attachment 的设置应该从父元素继承。
15、对于w3c标准的css:如果你定义了颜色属性,你还必须定义背景色属性。
16、p.main{text-align:justify;}
两端对齐。
17、a{text-decoration:none;}
text-decoration 属性用来设置或者删除文本的装饰。
18、文本转换属性,是用来指定在一个文本中的大写和小写字母:
p.uppercase{text-transform: uppercase;}
全部转为大写
p.lowercase{text-transform: lowercase;}
全部转为小写
p.capitalize{text-transform: capitalize;}
单词首字母大写
19、文本缩进:用来指定文本的第一行的缩进:
p{text-indent: 50px;}