前端实训第二天

本文介绍了CSS的学习内容,包括三种引入方式(内部、外部、内联)及其优先级,详细讲解了ID、Class和标签选择器,并探讨了背景图的设置方法,如尺寸调整、重复和位置控制。此外,还提到了浮动和字体属性在页面布局中的应用。
摘要由CSDN通过智能技术生成

今天是实训的第二天,今天学习的内容要比昨天多一些而且学到的内容也要比昨天更重要或者说使用频率更高会经常用到。

今天主要学习了css的引入方式,css的选择器,颜色的表示,如何在页面添加背景图,浮动和字体的属性等内容。

css的引入有内部引入(在head标签内用style标签),外部引入(要用到link语法),内联引入(在首标签内直接用style语法)其优先级的话内联引入是最高的外部引入和内部引入是谁离标签近谁的优先级高,优先级低的则会被优先级高的覆盖。

css选择器主要是方便对标签的选择以此来改变不同标签的属性比如:背景颜色(background-color),字体(font)等,今天主要学习了id选择器,class类选择器,标签选择器。他们三中选择器的优先级是 id>class>标签选择器。

背景图的添加方式今天学了用background-image: url()来填加背景图片并对其调整尺寸(background-size),重复(background-repeat),位置(ackground-position)附加固定属性(background-attachment: fixed)。

字体和浮动,浮动要用到float控制主要用来控制标签或图片(让文章围绕图片)的位置,字体还是用到font来控住其属性比如大小,行高(用link-height),粗细,字体种类选择,来修改文章的样式。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值