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选择器 > 类选择器  > 元素选择器

 

HTML&&CSS

上一篇:安卓开发线程


下一篇:js01