css初识

本文概述了超链接的使用方法,包括href和target属性,以及它们在页面跳转中的作用。接着介绍了CSS的基础,如字体、段落样式和选择器,包括标签选择器、类选择器和ID选择器。涵盖了行内样式、内联样式和外部引入CSS的方法。
摘要由CSDN通过智能技术生成

昨天内容:
基础结构–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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值