CSS学习笔记

CSS语法

CSS结构

格式:
在这里插入图片描述镶嵌:
在这里插入图片描述

CSS属性

background-color指定背景色

border段落边框

color改变字体颜色属性

font-family设置字体

border-bottom设置下边框

font-size字体大小

font-weight字体粗细

text-decoration更多样式

line-height行距

高级用法

link 外部链接

link元素用来引入外部样式表

在这里插入图片描述

创建first.css文件

独立出html,方便使用。

使用class

用class属性将一个元素加入类中。
使用“.”符号来选择类里的某个元素。

text-decoration

none取消文本修饰

line-through中划线

underline下划线

overline上划线

两个包含语义和文本修饰的HTML元素

ins插入内容,下划线。

del删除内容,中划线。

字体设置

在这里插入图片描述

盒模式

在这里插入图片描述盒模式:CSS控制元素显示的方式
内容区、补白、边框、外边距

背景图片可以在内容和补白底下显示
但是不能越过边框

设置补白、边框和外边距时
可以分别设置各个侧面的属性
left, right, top, bottom

id元素给元素设置页面唯一的名字
使用“#”号选择id中的元素

页面

页面元素的结构化:divspan
div和span可以构建一些严格的支持结构
text-align:center 居中对齐

浮动布局设计

浏览器会一边走读文档,一边把路过的元素从左向右、从上向下放到合适位置。

内联元素:从左至右
块元素:从上至下

display:none 把元素隐藏

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值