HTML+CSS基础总结

自学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>长文本引用。

输入空格的方法:

&nbsp;

<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盒模型

(累了,等下补充……)



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值