程序媛老张前端Day3———初始CSS

Day3——css

CSS层叠样式表

引用方式

1.行内样式:直接写在标签内

<table align="center"  border="1px " bordercolor="pink"  width="500px" height="400px" >

2.内部样式:文件内部<head>中的style中
3.外部样式:创css文件,<link>标签引入
4.导入外部样式:创css文件,<import>标签引入(不怎么用)

选择器
  • 标签(元素)选择器
  • 类选择器(class定义 )
  • id选择器(id是唯一的)
  • 派生选择器
  • 伪类,伪元素,*,选择器等
背景
  • 背景颜色(background-color)
  • 背景图片(background-image)opacity透明度
  • 背景平铺方式(background-rapeat:x/y/no-rapeat)
  • 背景定位(background-position:center/top/botton/left/right/ x% y%)
文本

text-align:文本对齐
text-decoration:文本的方式

none:无
underline:下划线
overline:上划线
line-throough:贯穿线

字体

font-size字体大小
font-family字体
font-weight:加粗 (100——900,bold)
font-style:normal,italic倾斜,obligne倾斜

伪类链接

a:link 未被访问
a:visited 已被访问
a:hover 悬停
a:active 用户激活

a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
表格的CSS

除了之前介绍的东西还有一下的style:
表格隔行换色
nth-child(odd):单行换色
nth-child(even):偶数行
vertical-align:文本垂直对齐(top/middle/bottom)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值