html 主要的标签的介绍:
<head></head>标签里面是放的是思想,设置浏览器用的,是人看不到的
编码字符集:gb2312 国家编码字符集(简体,亚裔字符集) gbk(gb2312+繁体)
unicode 是万国码,包括了所有国家的语言 uft-8 是 unicode
一般放的是<meta charsrt = "utf-8"> 自闭和标签
<body></body>是展示给用户看的 所有的标签是写在body里面
1 <p></p>段落,让内容成段展示 <br>换行
2 div 和span标签(最重要的标签)
<div></div>独占一行
<span></span>不独占一行
div和span这两个标签是为了成块展示,规格化,这两个就是一个容器
功能1:分块明确,让整个页面更加结构化
- 功能2:捆绑操作的作用(搬书架) 通常配合css一起用
<div> <strong>加粗字体<strong> <em>斜体展示</em> <del>划线标签</del> </div>
3<ul><ol></ol></ul> 标签
<ul type="A"> <ol>小红是傻子</ol> <ol>苹果</ol> <ol>我是傻子</ol> 将里面的代码有序的输出 按字母A~Z排序 排序方式1,a,A,i,I </ul>
4<a href="">标签 超文本连接
<a href="https://www.baidu.com"> 点击我</a> 点击就能直接跳转到百度 <a href = "tel:17548935889">打电话</a> <a href ="maito :1453156425@qq.com">发邮件</a>
5 <img src="" alt="" title="">标签
src里面写路劲 1网上url 2 本地的绝地路径 3 本地的相对路劲
alt图片占位符 可以降低错误
title图片提示符 当鼠标放在上面可以提示图片的意识
6 <form method="get/post" action=" "> method是发送数据的方式 有两个值 action 是发送给人的地址
7<input type ="text" name="" value=""> 输入框
<input type ="password" name="" value="">密码输入框
<input type ="button" name="" value="">按钮
<input type ="radio" name="" value="">单选框
<input type ="checkbox" name="" value="">复选框
8 <select name=""><option></option></select>下拉框
9<table><tr><tb></tb><tb></tb></tr><table>
CSS选择器
1.id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义
#para1 { text-align:center; color:red; }
2.
lass 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:
.center {text-align:center;}
3.父子选择器
div span{ background-color:red; 父子选择器有严格的层级关系 但不局限什么类型的选择器 }
经过我的总结
4.通配符选择器
*{ backgroun-color:red; 是所有的代码都变成红色 }
5分组选择器
em, strong, span,{ background-color:red; 简化代码量 }
CSS权重(重点)
!important Infinity
行间样式 1000
id 100
class/伪类 10
标签/伪元素 1
通配符 0
权重的重点是 当2个属性共同作用一个属性,谁的权重高,就输出谁,如果权重一样的话,后面的代码会覆盖前面的代码
CSS代码
1 CSS背景
- background-color:; 添加背景颜色
- background-image:url(‘’):添加背景图片
- background-repeat:;背景图片水平或垂直平铺
- background-attachment:; 背景图片是否固定或者随着页面的其余部分滚动
- background-position:;背景图片设置定位 改变图片位置
3 所有CS