自学html和css,学习来源为慕课网和W3school。
html里较为容易忘记的有以下:
1,html的声明如下
<!doctypehtml>
<html>
<head>
<meta http-quive="Content-type" content="text/html;charset=utf-8">
在xhtml中:声明如下:
<!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">
<head>
html5中最简便:
<!doctypehtml>
<html >
<head>
<meta charset="utd-8">
2.html标签
<em>表示强调,斜体;<strong>表示更强烈的强调,粗体;
<q>短文本引用,<blockquote>长文本引用。
输入空格的方法:
 ;
<pre>标签引入文本;
<hr/>为横线,默认灰色。
一行代码:<code>;多行代码:<pre>(特殊地,它可以保留文本的空格和换行)
摘要:<summary>;标题:<caption>
在<a href=“url” target=“_blank"></a>,新建窗口打开;
3.CSS样式语法
p{
font-size:2px;
color:red;
}
注释代码为:/*要注释的内容*/
内联css:<p style="color:red">momomo</p>
嵌入如3
外部式引入:<link href="app.css" rel="stylesheet" type="text/css"/>
优先级:内>嵌入>外部。就近原则。
选择器类型:标签,类,ID,子(>符号,用于指定标签元素的第一代子元素),包含或者后代(加入空格,作用于所有子后代元素),通用(*)
ID选择器只能用一次。
伪类选择符:a:hover{color:red;} 为鼠标滑过的字体设置样式。在css3中详解,目前兼容性最好的是a标签
分组选择符:p,span{}
权值:
p{}权值为1;
p span{}为2;
.warning{}为10;
p span.warning{}为10+2;
#footer .note p{}为100+10+1;
注意!important最优先
4.css格式化排版
缩进:p{text-indent:2em}
width height;
font-size;
letter-spacing:
word-spacing:
font-family;
color(三种颜色设置方法:
color:#000000;
color后直接加RGB颜色值(#FFFFFF 、#000000 、#F00);
color:red)
在DW中有颜色取值器,可以找到RGB对应的值。
line-height;
text-align;
5.css元素分类
块状元素:a{display:block}
独占一行;高度,宽度,行高,顶和底部都可变。
宽在不设置的情况默认为父容器的100%,除非设置宽度。
内联元素:div{display:inline;}
和其他元素都在一行上,高度,宽度和顶,底部都不可设置;
元素之间还有一个间距问题;
内联块状元素:a{display:inline-block}
和其他元素都在一行,高度,宽度等可设置。
6.css盒模型
(累了,等下补充……)