HTML&&CSS

框架标签：  framset

<frameset rows="15%,*">
        <frame src = "aaa.html" />        # 框架子标签
        <frameset cols="20%,*">
            <frame src="bbb.html" />
            <frame src="ccc.html" name="rightframe"/>
        </frameset>
    </frameset>

DIV标签    默认占一行   

 

CSS   casccading style sheet   层叠样式表

CSS的引入方式:

​ 　　外部样式: 通过link标签引入一个外部的css文件

​ 　　内部样式: 直接在style标签内编写CSS代码

​ 　　行内样式: 直接在标签中添加一个style属性, 编写CSS样式

 

<style>
    三种选择器：  #id{}   .class{}     p{}

    属性选择器:   标签名[属性值]{}
                      a[title]   a[title = ""]    a[href = ""][title]
</style>

 

CSS浮动  ：  float   浮动的元素 不占正常的文档空间   ：   清除浮动   clear(both,right,left)

css 就近原则  2个 .class{}      谁对标签近，用谁的样式

 

 

css  后代选择器

1、 h1 em{} h1的所有后代 ，子子孙孙
2、 h1 >em {} h1的 儿子em

 

CSS伪类 ： 只用在a标签中　　

　　a:link{ }

　　a:visited{ }
　　a:hover{ }
　　a:active{ }

 

盒子模型：
　　margin : 与其他盒子间距
　　border : 边框
　　padding : 内边距

　　上右下左 顺时针
　　padding : 10px 20px (上下10 左右20)

转换 display

　　选择器{display:属性值}
　　　　常见的属性值 ： inline: 转换成行内元素
　　　　　　　　　　　　block : 转换成 块元素
　　　　　　　　　　　　inline-block :
　　　　　　　　　　　　none : 隐藏，不显示，不占页面空间

 

CSS的优先级    

　　按照选择器搜索精确度来编写: 行内样式 > ID选择器 > 类选择器  > 元素选择器