学习CSS时的个人笔记.doc

学习CSS时的个人笔记.doc

ID:59357500

大小:82.50 KB

页数:7页

时间:2020-09-04

学习CSS时的个人笔记.doc_第1页
学习CSS时的个人笔记.doc_第2页
学习CSS时的个人笔记.doc_第3页
学习CSS时的个人笔记.doc_第4页
学习CSS时的个人笔记.doc_第5页
资源描述:

《学习CSS时的个人笔记.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、各种元素的属性(1)body元素background:定义body元素的背景图片bgcolor:定义body元素的背景颜色leftmargin:定义body元素与浏览器左边界的距离topmargin:定义body元素与浏览器上边界的距离class:链接级联样式style:直接定义级联样式(2)文本元素align:定义文本的水平对齐方式class:链接级联样式style:直接定义级联样式

text
:浏览器保持text文本的原有的格式输出(3)修饰元素hr元素lalign:控制对齐方式lcolor:控制显示颜色lsize:控制分隔

2、线的高度lwidth:控制分隔线的宽度img元素lscr:指定图片所在的路径lalt:指定替代图片的文本lwidth:定义图片的宽度lheight:定义图片的高度lalign:定义图片的对齐方式lborder:定义图片的边框(4)链接元素href:指定链接的路径target:指定链接的显示位置l_blank:浏览器在新的窗口打开链接页面l_self:在页面所在的窗口显示链接的页面(链接的默认值)l_parent:在父窗口中打开链接页面l_top:在本窗口中取代框架内容并打开链接页面(5)表单元素action:指定处理提交数据的的程序路径metho

3、d:设置传送数据的方法id:用来标记表单class:使用级联样式控制表单的表现type:指定元素的类型size:指定表单的宽度border:指定表单的边框(5)表格元素table:用来定义一个表格tr:定义表格中的行元素td:定义表格中的单元格align:定义表格的水平对齐方式border:定义表格的边框bgcolor:定义表格的背景颜色background:定义表格的背景图片cellspacing:控制表格相邻单元格的间距cellpadding:单元格边缘和内容之间的距离valign:定义单元格中内容的垂直对齐方式width:定义表格或者单元格

4、的宽度height:定义表格或者单元格的高度colspan:合并表格的列rowspan:合并表格的行CSS命名参考结构名称主导航mainnav子导航subnav页脚footer内容content头部header底部footer商标label标题title顶导航topnav侧栏sidebar左侧栏leftsidebar右侧栏rightsidebar标志logo标语banner子菜单submenu注释note容器container搜索search登录loginCSS样式表书写顺序显示属性(displaylist-stylepositionfloatc

5、lear)自身属性(widthheightmarginpaddingborderbackground)文本属性(colorfonttext-decorationtext-alignvertical-alignwhite-spaceothercontent)应用样式的优先级最近最优先原则,是决定元素使用哪些属性的关键。元素中直接使用的CSS>页面头部调用的CSS>链接形式调用的CSSID选择符>类选择符>类型选择符CSS基布局属性(1)定位属性(1)定位模式position:static

6、relative

7、absolute

8、fixed(不可继承)s

9、tatic:元素按照普通方式生成relative:元素将保持原来的大小偏移一定的距离absolute:元素将人页面元素中被告独立出来,使用边偏移进行定位fixed:元素将从页面元素中被独立出来,但其位置相对于屏幕本身,而不是文档的本身(2)边偏移top:定义元素相对于其父元素上边线的距离right:定义元素相对于父元素右边线的距离bottom:定义元素相对于父元素下边线的距离left:定义元素相对于父元素左边线的距离(3)层叠定位属性z-index:定义元素层叠的顺序(为没有单位的数字值)(2)页面的背景设定background:背景颜色

10、背景图

11、像

12、背景位置

13、背景重复

14、背景附件background-color:定义背景颜色background-image:url(图片路径):定义背景图片background-repeat:repeat

15、no-repeat

16、repeat-x

17、repeat-y:定义背景图片的重复性lrepeat:背景图片执照从左到右,从上到下的顺序进行排列lno-repeat:背景图片不重复,没有定义位置时,默认出现在容器的左上角lrepeat-x:背景图片横向排列,没有定义位置时,在容器顶部从左和右重复排列lrepeat-y:背景图片纵向排列,没有定义位置时,在容器左侧从

18、上向下重复排列background-position:长度值

19、百分比值

20、top

21、right

22、bottom

23、left

24、centerltop

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。