Web自学

HTML5

HTML定义

包裹内容要双标签,不需要包裹内容的单标签

HTML基本骨架

标签的关系(2种)

注释

需要被注释的代码任意位置Ctrl+/

标题标签

h

h1只用一次作为主标题

段落标签

换行和水平线标签(单标签)

文本格式化标签

图像标签

图像标签的属性

路径

.当前文件夹

..上一级

/进入某个文件夹

超链接(跳转)

<a href="地址">跳转到xxx</a>

音频标签

视频标签

综合案例

代码

列表

无序列表

有序列表

定义列表

表格 

表单

input占位文本

单选框radio

checked作用是默认选择

上传文件

多选框

默认选中功能

下拉菜单

<option>选项名称</option>

默认选中为<option selected>

文本域

<textarea>输入多行文本</textarea>

label标签(增大点击范围)

支持label标签增大范围的表单控件:文本框,密码框,上传文件,单选框,多选框,下拉菜单,文本域等

按钮

无语义的标签布局

div标签换行,span标签不换行

字符实体

综合案例
(体育新闻列表)

(注册信息)

CSS3

定义

CSS引入方式

基础选择器

标签选择器

特点选中同名标签设置相同的样式,无法差异化同名标签的样式

类选择器

id选择器
通配符选择器
画盒子

文字控制属性

字体样式
行高

字体族

文本缩进

文本对齐

图片居中

文本修饰线

color文字颜色

综合案例

新闻详情

复合选择器
后代选择器

子代选择器

并集选择器

伪类选择器,伪类超链接

CSS三大特性
继承性

选择器的优先级

Emmet写法

背景属性

显示模式

综合案例
热词

banner效果

Flex布局 
PC端综合实战
移动端布局
响应式布局
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值