HTML & CSS 学习总结

HTML
网站开发的主要原则是:

– 用标签元素HTML描述网页的内容结构;

– 用CSS描述网页的排版布局;

– 用JavaScript描述网页的事件处理,即鼠标或键盘在网页元素上的动作后的程序

HTML(Hyper Text Mark-up Language 超文本标记语言)的缩写,是最基础的网页语言 。 

Html是通过标签来定义的语言,代码都是由标签所组成 。Html代码不用区分大小写 。

Html代码由<html>开始</html>结束

链接在网页制作中是一个必不可少的部分,在浏览网页时,单击一张图片或者一段文字就可以弹出一个新的网页,这些功能都是通过超链接来实现的

1. CSS 的引入方式

(1)内联样式表
(2)内部样式表

写在<head></head>内部
外部样式表

(3)单独写在一个文件中,通过 link 进行引入
rel:当前引入文件和文件本身的关系
type:当前引入文件的编码格式
href:用于书写引入外部样式所处位置
 

2. CSS 选择器
当我们使用内联样式的时候,CSS 样式可以明确的修改我们想要修改样式的标签。如果我们把 CSS 样式写在内部或者外部的时候,就需要通过 CSS 选择器来选出我们想要修改样式的标签。

CSS 选择器分为三种

  1. 标签名选择器div{width:100px;...}
    会直接选择某一类标签,会针对这一类标签全部生效。
    优先级:1
  2. 类选择器.div{width:100px;...}
    使用类选择器时,需要我们给标签写上类名,如<div class="div"></div>。类选择器会针对某一类具有相同类名的标签,同名 class 可以存在多个。
    优先级:10
  3. ID 选择器#div{width:100px;...}
    使用 ID 选择器时,需要我们给标签写上 ID 名,如<div id="div"></div>。ID 选择器就会针对这一个 ID 名的标签,同名 ID 只能存在一个。
    优先级为:100

3. 引入方式的优先级
内联>内部 和 外部;
内部 和 外部 谁生效

如果选择器优先级相同的话,谁后引入谁生效。

如果选择器优先级不同,选择器优先级高的生效。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值