好贷网好贷款

CSS复习笔记

发布时间:2016-12-3 10:24:59 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"CSS复习笔记",主要涉及到CSS复习笔记方面的内容,对于CSS复习笔记感兴趣的同学可以参考一下。

CSS个别记忆力不熟的标签: 1.scrolling="no" 取消滚动条 2.frameborder=“no” 取消边框 3.line-height:"  px"上下间距 4.text-align:center 文字居中 5.class是类选择器代表标点:点 6.id是id选择器代表标点:# 7.font-weight:bold;    css加粗 8.font-font-style:italic;  css 斜体 9.a:hover  伪元素     课堂上的CSS复习: 由于样式和html内容写在一起,导致代码特别紊乱,于是提出思想: Html内容 和 显示 相分离 Html 只负责写内容,搭建框架 CSS只负责装饰内容,装饰框架 举例子:html 比喻房子    css比喻修饰、装饰房子(挂一幅画、粉刷颜色...) Css----  cascade style sheet  层叠样式表 1,CSS的基本语法 (1)CSS是由  选择器 和 声明来组成的 (2)每一条声明里面 有属性、值 选择器{属性:值;属性:值....} 选择器:找到某个标签的一种方法/机器 Css属性的单位:  颜色值:  大小值: 浏览器默认的字体大小,16px  Px----像素(pixel)----- 电脑的分辨率:1366x768像素 整个屏幕 是由 1366像素点组成   纵向是由 768个像素点组成,像素点 一个一个的颜色值 16px 是什么意思? 所以像素 是一个相对的长度,和浏览器的分辨率相关 他是分辨的百分比  16/浏览器所占的大小 2,CSS的四种样式表 (1)内联样式表  缺点是如果给很多元素设置样式太繁琐 (2)嵌套样式表 缺点:如果其他文件也需要这种样式的话,需要反复再去写同样的样式 (3)外部样式表 最常用的 多个文件需要同一种样式的时候,我们可以将共同的样式 封装起来,保存成一个css文件 通过link标签 加载的 <link rel=”stylesheet” type=”text/css” href=”layout.css”/> (4)输入样式表 (1)在CSS文件中通过 @import 加载   (2)在html文件<style>标签中嵌套: CSS样式的优先级: 1,就近原则, 2,加载顺序,后加载的会修改之前的样式 <link rel="stylesheet" href="css/border.css"/> <style> p{ border:2px solid green; } </style> 2,CSS选择器 分类: 1,类选择器,就是通过class属性找到某个标签的方法 任何html的标签至少会有 class属性、id、name、style Class属性的xxx标签 2,id选择器,通过id属性来找到某个标签的方法 3,关联选择器,又称上下文关系选择器。通过上下文关系来确定标签的位置 意思:找到ul标签里面 class 为 vegetable的li标签 4,组合选择器 就是组合 多个 html 标签,来设置样式 需求: 给 class='vegetable',id="div1", class="p1"设置样式,让其字体为 30px,颜色为蓝色 注意: 同一个标签,只能有一个 id属性,因为id是唯一的 Class属性可以有多个,为了区别其他的,建议这样写:标签名.class属性名  p.p1 5,伪元素选择器 伪元素,就是 同一个html标签,在不同的状态下,有不同的效果,这样的元素称为伪元素 目前,支持伪元素的,只有 a标签 和 p标签 伪元素的状态: 超链接:     A:hover   鼠标移上去的时候 A:link    默认状态 A:visited   访问过之后 A:active    由于伪元素选择器 兼容性不好,不建议大家使用,可以以后通过javascript来实现

上一篇:Oracle Hint
下一篇:07-linux中安装jdk

相关文章

关键词: CSS复习笔记

相关评论