初识CSS样式表

今天学习的内容

1.框架的简单知识点,认识了两种框架frameset和iframe.

·frameset框架 写在<body>标签外的框架集,框架标签内可以写无限制个数的<frame>子标签进行框架的嵌套,用cols属性来控制纵向布局,rows属性来控制横向布局。frameborder来控制框架的边框。

·子标签<frame>里的src属性来引入框架要显示页面的地址   scrolling属性来控制滚动条的显示(其中auto表示默认使用滚动条,yes表示有滚动条,no表示不使用滚动条)

·iframe框架可以镶嵌在普通页面里,文档中镶嵌文档,同样用src属性来引入要显示的页面地址,width属性来控制框架的宽度,height属性来控制框架的高度,frameborder来控制框架的边框粗细,scrolling属性来控制滚动条。

·其他知识点简略介绍,<marquee >标签是用来网页公告或其他信息的滚动效果,用direction属性来控制滚动的方向。

·<hr>是网页的水平网页分隔线

·在网页中嵌入视频的方法,1.找到相关视频2.点击视频左下方的分享3.复制其HTML以及flash和通用代码4.把复制的代码粘贴到框架页面里。

2.认识CSS(层叠样式表)

·css层叠样式表分为三类,内联式,内嵌式,外部式。

·内联式就是写在标签里面 用style属性定义的样式,控制比较精确,但是代码的惯用性很差,它的优先级是最高的。

·内嵌式就是嵌在<head>里面的<style>标签,控制不如内联式的精确。但是代码的惯用性很好。

·外部式,是单独的样式文件,在html里引入css样式表,可以通过右键 -css样式表-附加样式表,或者<link href="xxx.css" rel="stylesheet" type="text/css">的方法来引入css样式表

,控制没有内联的精确,但是代码的惯用性最好

3.选择器(样式表用来选取元素)

·分为标签选择,class类选择,id选择,自定义属性选择,和复合选择

·标签选择就是根据标签进行选择,对同一标签的所有内容进行定义样式 

·class选择就是对class属性相同的元素进行选择,从而定义样式 事例为   .class{样式}

·id选择就是对标签的id进行选择,事例为   #id{ 样式}

·自定义属性选择,对自定义属性的标签进行选择 事例为  [自定义属性名] {样式}

.复合选择器有并列选择(用逗号隔开 A,B{样式}) 后代选择(用空格隔开 A B{样式})点筛选(A.B{样式})

·标签属性并列 的(例如<div class=a  b )可以分别用选择器定义其不同的样式 .a{样式1;样式2;}  .b{样式3;样式4;}

posted @ 2017-03-12 22:06  雾若晨曦  阅读(154)  评论(0编辑  收藏  举报