css初识

昨天内容:
基础结构–html head body meta title
文本–p h1-h6 i em cite b strong u s sup sub
功能–hr br
图片–img 可用属性–src title alt width height

块级标签 行内标签
成对标签 自闭合标签

今天内容:
1.超链接
2.css初识
----字体样式
----段落样式
----基础选择器

超链接 a标签 成对 行内
文本或者img标签,甚至div标签
可用属性:
1.href 取值是点击该标签的目标跳转地址
PS:a标签作为超链接使用，href属性是必要的
2.target 取值是固定可选项_self(默认值)当前标签页打开目标地址 _blank新标签页打开目标地址 _top _parent都需要使用iframe标签的情况下有效

超链接作用:
1.页面跳转
2.线上网页跳转
3.锚记/锚点/锚链接
下锚语法: <a id/name=“自定义锚点名,例如backTop”>
锚链接语法:

锚链接使用场景:
1.回到顶部按钮
2.网站目录/索引

特殊字符/实体字符 shift+7

1.   代表空格
2. < 小于 > 大于
3. " 引号
4. © 版权符号

编辑器分屏:
alt+shift+上方数字键

css注释
/* 注释内容 */

css基础选择器
1.标签选择器
2.类选择器 class属性 取值是自定义的
.类名{样式1:取值;…}
3.ID选择器 id属性 取值是自定义的
#id名{样式1:取值;…}

css样式语法: 三种引入方法
1.行内样式 ，做不到结构html与表现css分离，项目里不使用
<标签名 style=“样式1:取值;样式2:取值;样式3:取值;…”>内容</标签名>
2.内嵌样式
在head标签内部，新建一个style标签，

3.外部引入css文件
新建一个css文件,该文件里的语法跟第二种内嵌里的语法是一样的
在head标签里，新建一个link标签，改变link标签的href属性

字体样式
字体 font-family 取值是 字体名称
字体大小 font-size 取值是 像素值(带px的数字) rem em pt…
字体粗细 font-weight 取值是100-900整数(由细到粗) bold normal lighter bolder,最常用的就是normal(正常显示) bold(加粗显示)
字体斜体 font-style 取值是italic(斜体显示) normal(正常显示)
颜色 color 取值是 英文单词，#+6位十六进制， RGB色值

背景色
background-color: 英文单词/十六进制/RGB

下次课:
选择器优先级
多类名