web学习笔记第三周

本文详细介绍了CSS选择器的类型和用法,包括id选择器、class选择器和标签选择器。还讨论了通用选择器、组合选择器、伪类和伪元素的选择器语法。此外,讲解了CSS背景属性如颜色、图像、重复、固定和位置的设置,以及文本属性如颜色、对齐、修饰和阴影。最后,提到了CSS在表格样式控制中的应用,如边框、宽度、高度、填充和颜色。
摘要由CSDN通过智能技术生成

一.CSS选择器

1.id选择器

id选择器可以为标有特定id的HTML元素指定特定的样式

HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义。
2.Class选择器

class选择器用于描述一组元素的样式,class选择器有别于id选择器,class可以在多个元素中使用。

class选择器在HTML中以class属性表示,在CSS中,类选择器以一个点"."号显示,

3.标签选择器

通过标签名来指定所选HTML元素进行样式编辑。

二.CSS选择器

常用选择器语法:

1.*通配符,用来对所有元素进行初始化

2.A,B ,同时选择A和B元

3.AB , 选择A中所有B元素

4.A>B,选择所有以A为父元素的B元素

5.A+B,选择所有紧挨着A的B元

6.[attribute],选 择所有带有attribute 属性的元素

7.[attribute=value],选择所有attribute属性为value的元素

三.CSS选择器

1.[attribute~=vdue]选择所有attribute属性包含有value的元素
2.a:link选 择未访问过的链接

  1. a:visited 选择已经访问过的链接

4.a:active选择可活动的链接

5.a:hover选择被鼠标悬停的链接

6.input:focus选 择已经点击的输入框

以及各种伪类和伪元素
四.CSS背景
1.background color:背景颜色
2.background-image:背 景图像
3.background-repeat:背 景平铺方向4.background- attachment:背 景固定或衮动.
5.background-position:背 景起始位置当只使用background属性时,可以依照上述顺序进行简写background;:#ffff url(‘img_ _tree.png’) no-repeat right top;
五.CSS文本
1.文本颜色color文本颜色属性用来改变字体颜色2.文本的对齐方式text -align文本排列属性是用来设置文本的水平对齐方式。文本可居中或对齐到左或右,两端对齐.3.文本修饰text-decoration文本修饰属性用来设置或删除文本的装饰。
六.CSS文本
1.color设置文本颜色
2.direction设置文本方向
3.letter-spacing设置字符间距
4.line heighttext-align对齐元素中的文本
5.text decoration向文本添加修饰
6.text-shadow设置文本阴影
7.word-spacing
设置字间距
8.text transform控制元素中的字母
七.CSS字体
字体大小font-size属性设置文本的大小。
字体大小的值可以是绝对或相对的大小。
1.“绝对大小相对大小:设置一个指定大小的文本,不允许用户在所有浏览器中改变文本大小
2.相对大小:相对于周围的元素来设置大小,允许用户在浏览器中改变文字大小
确定了Css表格输出的物理尺寸时绝对大小很有用
八.Css表格
1.表格边框
指定CSS表格边框,使用border属性。
折叠边框
bordercollapse属性设置表格的边框是否被折叠成一个单一的边框或隔开
2.表格宽度和高度
width和height 属性定义表格的宽度和高度。
表格文字对齐text-align vertical-align
表格中的文本对齐和重直对齐属性。
3.表格填充
如果在表的内容中控制空格之间的边框,应使用td和th元素的填充属性padding.
4.表格颜色
下面的例子指定边框的颜色border-color,和th元素的文本color和背景颜色background-color.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值