标签:style repeat 填充 知识 list background 相关 CSS 属性
接着上一篇总结一些css的相关知识
㈠背景
背景属性
1.background-color 背景颜色 rgb函数设置
2.background-image 背景图片 url(“logo.jpg”)
添加一个url函数,这个函数括号括起来,参数双引号之内带有的是添加成背景图片的这个图片的完整路径(相对路径)和文件名。
3.background-repeat 背景填充方式 (棋盘格的填充)
⑴取值为repeat,作为背景图片填充整个页面。
⑵取值为repeat-x,单向填充,横向填充一行。
⑶取值为repeat-y,单向填充,纵向填充一列。
⑷取值为no-repeat,把上面所有的分量都用background属性统一设置。顺序:背景颜色,背景图片,重复填充方式
㈡超链接
链接的四种状态
1.a:link 普通的,未被访问的链接
2.a:visited 用户已访问的链接
3.a:hover 鼠标指针位于链接的上方悬停
4.a:active 链接被点击的时刻(被点击时处于被激活状态)
这四种链接方式叫做伪类选择器
1,次序:⑴.a:hover:必须位于a:link 和.a:visited之后
⑵a:active:必须位于a:hover 之后
2.css超链接,鼠标悬停放大字体
㈢列表 list
无序列表ul和有序列表ol共用样式
属性 描述
1.list-style 所有用于列表的属性设置于一个声明中
2.list-style-image 为列表项标志设置图像
3.list-style-position 标志的位置
4.list-style-type 标志的类型
*list-style-type 的相关属性值
㈣表格 table
1.表格大小:width(宽),height(高)
2.表格边框:border属性,table,td,th,border-collapse属性
3.border-collapse属性
例如:table{border-collapse:collapse;} 为叠加或坍缩的意思,这样表格边框和单元格边框就重叠成一个了。
4.奇偶选择器: :nth-child(odd/even) odd:奇数个元素 even:偶数个元素
例如:tr:nth-child(odd){background-color:#EAF2D3;}
奇偶选择器常在下面表格样式隔行设置不同颜色中应用
注意:⑴奇数个是从第一行开始设置的(tr父元素table的第一个子元素开始,奇数个元素)
⑵第一行为表头单元格,加入th标签来进行设计。
希望有所帮助。
标签:style,repeat,填充,知识,list,background,相关,CSS,属性 来源: https://www.cnblogs.com/shihaiying/p/11241657.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。