css(续集2)

本文详细介绍了CSS的背景属性,如background、text-align、vertical-align、text-indent等,以及表格属性如border-collapse和border-spacing。还提到了CSS的伪类选择器,如:active、:hover等,用于链接的不同状态。最后,文章强调了通过实践来巩固CSS知识的重要性。
摘要由CSDN通过智能技术生成

CSS背景属性

复合背景属性:background

语法:background : background-color || background-image ||  background-repeat || background-attachment ||background-position

默认值:transparent none repeat scroll 0% 0%

这个就是background的默认值,记住与font不同,它可以不按顺序写值

CSS文本属性

text-align :文本水平对齐方式

vertical-align :垂直对齐方式

text-indent :文本缩进

text- decoration:文本装饰

letter-spacing :文字间隔

text-align

left: 将对象文本内容的水平对齐方式设置为左对齐

center : 将对象文本内容的水平对齐方式设置为居中对齐

right : 将对象文本内容的水平对齐方式设置为右对齐

justify:将对象文本内容的水平对齐方式设置为两端对齐

vertical-align

top : 将对象的内容与对象顶端对齐

middle : 将对象的内容与对象中部对齐

bottom : 将对象的文本与对象底端对齐

text-indent 

div { text-indent : 5px; } :数字+像素值

div { text-indent : 2em; } :相对于对象内文本字号倍数

div { text-indent : 10%; } :相对于body对象宽度值

div { text-indent : -2em; }:可以为负值,控制悬挂缩进 正值表示首行缩进,负值表示悬挂缩进

text- decoration

none : 无装饰

underline : 下划线——控制链接a的下划线

line-through : 贯穿线

verline : 上划线

letter-spacing

div {letter-spacing:6px; }

div {letter-spacing:2em; }

记住文字间隔不支持百分比

list-style-type:预设标记

circle、disc、square;decimal、lower-alpha、upper-alpha、lower-roman 例: list-style-type:upper-alpha;

list-style-image:列表项标记图像

语法:list-style-image:url(url) 例:list-style-image:url(images/flower8.jpg);

list-style-position:列表项标记位置

inside

outside

list-style:复合属性 语法:  list-style : list-style-image || list-style-   position || list-style-type

这个无顺序要求

表格属性 border-collapse : separate | collapse

参数:separate : 边框独立(标准HTML)            

collapse : 相邻边被合并 说明: 设置表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。

 border-spacing : length || length

length : 由浮点数字和单位标识符组成的长度值。不可为负值 作用:该属性设置单元格边框之间以及单元格和表格边框间的距离

示例:table,td {border:red 1px solid; border-collapse: separate;   border-spacing: 10px; }                 table,td {border:red 1px solid;  border-collapse: separate;      border-spacing: 10px 20px; }

只有当border-collapse属性等于separate时该属性才有意义

 某些HTML元素具有一些预定义的性质,这些性质与class属性的功能类似,但这些性质实际上并不对应真正的class属性。 例如:链接标签a     激活状态、悬停状态、未访问过状态、访问过状态 伪类选择器    一组基于预定义性质(伪类)的选择器

伪类名

说明

:active

被激活的元素

:hover

鼠标悬停

:link

a元素未访问前

:visited

a元素被访问过

:focus

对象成为输入焦点时

这些是今天分享的css,等到css基础分享结束之后,我会专门用几篇文章领着大家做练习,并且复习下之前所有学过的知识。因为我觉得学得毕竟是以后吃饭的本事,应该越精越好。希望我所分享的知识能帮助一些跟我一样的迷茫小白。 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值