html和css概述

W3C万维网联盟:

是国际最著名的标准化组织,用来制定web(网页)的标准。到目前为止W3C已经发布了200多项影响深远的web技术标准及其指南。

HTML:

html全称HyperText Markup Language 用来定义文档的内容结构,中文:超文本标记语言。

 

HTML5中的变化:html由08年发布草案,12年形成稳定版本

标签:

doctype、meta

新增语义化标签和属性

去掉了纯展示性的标签

添加canvas、video、dudio、本地储存、拖拽

语法:

标记不区分大小写,推荐小写

空标记可以不闭合

属性值可以不添加引号,推荐双引号

属性值中包含true和false的可以不写

HTML 元素语法:

HTML 元素以开始标签起始

HTML 元素以结束标签终止

元素的内容是开始标签与结束标签之间的内容

开始标记 内容 结束标记

<a href="classroom/17">   内容    </a>

空元素:img没有元素内容和结束标记的叫空元素(自闭合元素)

<img src="" alt="">

html属性:元素的额外信息,一个元素有多个信息

<a href="http://www.baidu.com">百度</a>

其中的href表示跳转的地址

元素的关系

1、父子关系:A直接包含B,A是父元素,B是子元素

2、兄弟关系:A和B拥有同一个父级

3、祖先和后代:A直接或间接包含B,A是祖先,B是后代

DOCTYPE所影响的渲染模式:

Quirks Mode 怪异模式

Standard Mode 标准模式

css:

css全称Cascading style sheets 页面表现的基础,可以控制布局,控制元素的渲染用于定义html文档的样式(外观)。中文:层叠样式表。

引用css的几种方法:

1、外部样式表:在head标签里通过link标签引入

<head>
<link rel="stylesheet" href="地址">
</head>

2、内部样式表:在head标签里通过style标签书写css代码

<head>
<style>
p {margin-left: 20px}
</style>
</head>

3、行内样式表:在开始标记里通过style属性书写css样式

<p style="color: red; >
行内样式表
</p>

4、导入样式表:@import

执行结果为就近原则:行内样式表→内部样式表→外部样式表

类选择器(class)

1、不能是纯数字或数字开头

2、望名知意

3、驼峰命名法 rightTopBox右上的盒子

4、可以加符号 right-top      中划线- 、下划线_

5、同一个类名可以由多个 HTML 元素使用

ID选择器(#id名)

一个元素只能有一个id,在页面上如果id已经出现过一次,就不能在出现

子级选择器

父元素>子元素{属性名:属性值}

选中对应父元素下的子元素

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值