day03

A今天学了什么

1.css背景:

background-color 背景颜色
background-images 背景图片
background-repeat 背景重复
background-attachment 背景吸附  
(fixed固定的、scroll滚动的)
background-position:xy
它们的简写:
background:color image repeat position
background-sizi 背景图片大小
background-size:x y
(x表示宽度、y表示高度)
background-size:cover
(保持图像的纵横比例,并将图像进行缩放成完全 覆盖背景定位区域的最小大小)
=background-size:100% 100%

2.css文本:

text-align  文本对齐
 (right右对齐、left左对齐、center居中)
text-decoration 文本修饰
(underline下划线、overline上划线、line-through删除线)
text-transform 文本转换
(uppercase大写、lowercase小写、capitalize首拼大写)
text-indent 文本缩进
color:颜色
设置颜色的方法:
直接设置颜色
十六进制值
RGB

3.css字体:

font-size 字体大小
font-style  字体样式
(normal正体、italic斜体)
font-weight 字体粗细
(normal正常、bold加粗、lighter变细)
line-height  行高

4.css链接:

a:link  正常,未访问过的链接
a:visited  用户已访问过的链接
a:hover 悬停
a:active  点击
若单独设置几个链接的时候,必须遵守如下规则:
a:hover必须跟在a:link和a:visited后面
a:active必须跟在a:hover后面

5.css列表样式(针对ul):

list-style:none  清除列表样式
list-style-type  改变列表点的形状
list-style-image:url"图片"

6.border边框

border-width  边框宽度
border-color  边框颜色
border-style  边框样式
简写:
border: width style color;
单独设置边框各边
{
border-top-style
border-right-style
}

7.表格:

<table>
             <tr>       
                 <td>
                 </td>
              </tr>
</table>
border-collapse 边框折叠成一个单一的边框
table{
border-collapse:collapse
}
还可以在td,th设置:
colspan:value  跨越的列
rowspan:value  跨越的行

B我掌握好的地方

1.css背景:

background-color 背景颜色
background-images 背景图片
background-repeat 背景重复
background-attachment 背景吸附  
(fixed固定的、scroll滚动的)
background-position:xy
它们的简写:
background:color image repeat position
background-sizi 背景图片大小
background-size:x y
(x表示宽度、y表示高度)
background-size:cover
(保持图像的纵横比例,并将图像进行缩放成完全 覆盖背景定位区域的最小大小)
=background-size:100% 100%

2.css文本:

text-align  文本对齐
 (right右对齐、left左对齐、center居中)
text-decoration 文本修饰
(underline下划线、overline上划线、line-through删除线)
text-transform 文本转换
(uppercase大写、lowercase小写、capitalize首拼大写)
text-indent 文本缩进
color:颜色
设置颜色的方法:
直接设置颜色
十六进制值
RGB

3.css字体:

font-size 字体大小
font-style  字体样式
(normal正体、italic斜体)
font-weight 字体粗细
(normal正常、bold加粗、lighter变细)
line-height  行高

4.css链接:

a:link  正常,未访问过的链接
a:visited  用户已访问过的链接
a:hover 悬停
a:active  点击
若单独设置几个链接的时候,必须遵守如下规则:
a:hover必须跟在a:link和a:visited后面
a:active必须跟在a:hover后面

5.css列表样式(针对ul):

list-style:none  清除列表样式
list-style-type  改变列表点的形状
list-style-image:url"图片"

6.border边框

border-width  边框宽度
border-color  边框颜色
border-style  边框样式
简写:
border: width style color;
单独设置边框各边
{
border-top-style
border-right-style
}

C我掌握不好的地方

表格:
<table>
             <tr>       
                 <td>
                 </td>
              </tr>
</table>
border-collapse 边框折叠成一个单一的边框

table{
border-collapse:collapse
}
还可以在td,th设置:
colspan:value  跨越的列
rowspan:value  跨越的行
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,661评论 32 459
  • A我今天学到了什么 一.css基本样式 1.css背景 2.css文本 3.css字体 4.css链接 四个链接状...
    孔子曰_f425阅读 229评论 0 0
  • 喜欢深深的夜,于是总在没有一丝光亮里看着她。我沉默不语,她亦沉默不语;我透过窗望着她,她亦默默望着我;我悄然流下泪...
    在暖阳里陪你一世阅读 238评论 0 0
  • 文/葱葱 巴菲特说:“一个人一生能积累多少钱,不是取决于他能够赚多少钱,而是取决于他如何投资理财,人找钱不如钱找钱...
    葱葱_阅读 749评论 21 17