css基础样式(二)

1.css链接

  • css样式链接的四种状态
  • 1.a:link 普通的未被访问的链接
  • 2.a:visvited已经被访问的链接
  • 3.a:hover鼠标指针位于链接的上方
  • 4.a:active链接被点击时
    这四个属性都可以设置color,background,font—family等
    注意
    a:hover必须位于a:link或a:visited后
    a:active必须位于a:hover后

2.css列表
这里的列表类型主要是无序列表(ul)

  • 列表类型,用list-style-type来控制标记标记类型(用圆形还是方形,还是罗马数字,),具体属性值↓

http://www.w3school.com.cn/cssref/pr_list-style-type.asp

  • 列表项图片,用list-style-image属性来控制列表项图片,具体属性值↓(把列表项替换成图片)

http://www.w3school.com.cn/cssref/pr_list-style-image.asp

  • 放置列表项标记,list-style-position属性控制何处放置列表项标记,具体属性如↓

http://www.w3school.com.cn/cssref/pr_list-style-position.asp

简写列表样式!

  • 把所有用于列表的属性设置于一个声明内,用list-style属性,具体属性↓
  • 一般是{list-style-type,list-style-position,list-style-image书写格式}

http://www.w3school.com.cn/cssref/pr_list-style.asp

3.css表格
了解
border-collapse —设置是否把表格边框合并为单一的边框。

border-spacing —设置分隔单元格边框的距离。

caption-side — 设置表格标题的位置。

empty-cells —设置是否显示表格中的空单元格。

table-layout —设置显示单元、行和列的算法等属性。
然后尝试border—collapse 让整个列表边框合并为单线,再使用width,height 来定制表格大小,之后用background-color 加上背景颜色,text-align 设置字符对齐方式,padding 设置内边距。
border属性值↓

http://www.w3school.com.cn/cssref/pr_border.asp

4.css轮廓(outline)
outline属性值↓

http://www.w3school.com.cn/cssref/pr_outline.asp

注意事项
第三项表格多了解属性了解padding,border等属性

猜你喜欢

转载自blog.csdn.net/YdPro_/article/details/83538937