day03

1今天我学到了

1.css转换器

1背景插入
//背景位置
background-position:{}
//背景图片
background-image:url(" ")
//背景重复
background-repeat:(no-repeat)
//图片吸附
background-attachment
//背景大小
background-size

以上简写

background:color url(" ") repeat attachment position
//颜色光三原色
background-colo:rgba((0~255),(0~255) ,(0~255) , (0~1),)
2.文体
//颜色
color
//文体对齐
text-align
//文体修饰
text-decoration:(overline,through,none, underline)
//文本缩进
text-indent

只做了解

//text-transform:sppercase

.3CSS 文体

p{font-family:Helvetica,MICROSOft YaHei}
//字体大小
font-size
//字体样式
font-style:(normal、italic)
//粗细
font-weigh:(hold、lighter)
//行高
line-height

4.CSS连接

//默认时未访问的链接
a:link{}
//
用户已访问的链接
a:visit{}
//当用户鼠标放在链接上时
a:hover{}
//当鼠标点击那一刻
a:active{}

5.列表样式

list-style:none
list-style-image:url()

6.边框

//简写
{border:宽度 样式 颜色}

7.表格(不做重点)

//跨越表格
//边框折叠
{border-collapse:collapse}

2我今天熟悉了

1.CSS转换器

//背景位置
background-position:{}
//背景图片
background-image:url(" ")
//背景重复
background-repeat:(no-repeat)
//图片吸附
background-attachment
//背景大小
background-size

以上简写

background:color url(" ") repeat attachment position
//颜色光三原色
background-colo:rgba((0~255),(0~255) ,(0~255) , (0~1),)
2.文体
//颜色
color
//文体对齐
text-align
//文体修饰
text-decoration:(overline,through,none, underline)
//文本缩进
text-indent

.3CSS 文体

p{font-family:Helvetica,MICROSOft YaHei}
//字体大小
font-size
//字体样式
font-style:(normal、italic)
//粗细
font-weigh:(hold、lighter)
//行高
line-height

4.CSS连接

//默认时未访问的链接
a:link{}
//
用户已访问的链接
a:visit{}
//当用户鼠标放在链接上时
a:hover{}
//当鼠标点击那一刻
a:active{}

5.列表样式

list-style:none
list-style-image:url()

3.今天不太懂的

表格

//跨越表格
//边框折叠
{border-collapse:collapse}

你可能感兴趣的:(day03)