web—— html和css基础(一)

目录

1.页面元数据

2.字符集

3. 块与内联元素

4. 一些标签*

5.web标准

6.层叠样式表(CSS)

1)概况

2)CSS文件中的内容

3)CSS具体实例


1.页面元数据<meta>

2.字符集

iso-8859 西欧

GB2312 早期中文简体

GBK 中国台湾常用

Unicode 将全球所有国家的语言都编码了

(utf-8 就是大陆的简体中文)

3. 块与内联元素

块:元素包含整块区域的内容

内联:元素作用在一小部分的元素上,允许多个内联元素出现在同一行中,所有内联元素必须出现在块中

4. 一些标签*

(1)<p>  段落

(2)<br /> 换行符

(3)<h1> <h2>...<h6> 标题

语义化的html(?)

(4)水平线<hr />  明确地分割空间

有的标签有额外的属性

(5)链接<a>

<a href="">文本</a>

如何做到链接点击前后的变色(挖坑)

(6)img

<img href="" alt="" />

src显示文件的路径 ,alt当资源加载不出来时显示的文本

(7)em

强调文本,常用斜体出现

(8)strong 粗体

元素嵌套不能交叉,

错误例子:

<p> hello world<strong>! <p/> <strong/>

(9)无序列表 <ul> <li>

无序列表之间也是可以嵌套的

例子

<ul>
    <li>item1<li/>

    <li> item2<li/>

<ul>

(10)有序列表的标签<ol>

5.web标准

下载vaildator.w3c.org 可以检查我们编写的代码是否符合标准

6.层叠样式表(CSS)

1)概况

不建议直接在html编写式样,原因:难以修改,在其他地方改了以后可能无效(等级覆盖)

因此需要学会CSS方式定制式样

(1)  在<head >中的style引入CSS文件

缺点:一改全改

(2) 更推荐:<link> 标签引入CSS文件

examples: <link href="CSS文件名字"  type="text/css" rel=“stylesheet” media="screen" />

2)CSS文件中的内容

1. 定义选择器和相应的属性值

例如:

注释:/*....*/

设定的前提:该元素有该属性

3)CSS具体实例

设定颜色

(1)确定有color属性的元素

(2)颜色表示:纯名称(red),rgb(255,255,255)

设定字体:

可以指定多个,从左到右依次匹配

设定字体大小:

(1)  一定要加单位:像素px 点pt   em

(2)  模糊的字体大小表达

(3)  百分比

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值