HTML&&CSS

2020-06-27 22:04:47 阅读：233 来源： 互联网

框架标签： 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选择器 > 类选择器 > 元素选择器

标签：样式,标签,h1,HTML,&&,选择器,CSS,属性
来源： https://www.cnblogs.com/yaobiluo/p/13200133.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

HTML&&CSS