2022年2022年关于css的知识点汇总_第1页
2022年2022年关于css的知识点汇总_第2页
2022年2022年关于css的知识点汇总_第3页
2022年2022年关于css的知识点汇总_第4页
2022年2022年关于css的知识点汇总_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、精选学习资料 - - - 欢迎下载css 学问点总结css 定义1.链接外部文件<head><title>title of article</title><link rel=stylesheet href="css 文件地址 " type="text/css"></head>2.定义内部式样<head><style type="text/css"> body font-size: 10px;p font: 12px; color: black;<

2、/style></head>4.其他import “style.css”;css 规章结构挑选器.属性和值selector property: value;例如： font color: blue;class挑选符class 挑选器以一个点号显示,例子：.center text-align: center<h1 class="center">id 挑选符id 挑选符的前面为 #,例子：#red color: red ;<p id="red"> 这个段落为红色；</p>class和 id 的区分id 应

3、当具有唯独性class 可以多次显现id 的优先级高于classcss 字体文字颜色 - color 字 体 - font-family 字 号 - font-size字体粗细-font-weight （bold黑体,指定的范畴为100900, normal 为 400,bold 相当于 700）字体格式-font-style 指定斜体（ italic 草体风格斜体字,oblique 指标准倾斜）-text-decoration指定字体修饰（underline“下划线 ”, overline“上划线 ”, line-through “删除线 ”,blink 霓虹灯成效, 用半角空格隔开之后就可

4、以应用多个属性 的值）css 颜色及背景精品学习资料精选学习资料 - - - 欢迎下载背景颜色 -background-color : 颜色背景图片 -background-image:url 图片地址 ,例子： body background-image:url/i/eg_bg_04.gif;背景图像的排列方式-background-repeat:排列方式,属性值：repeat 在水平和垂直方向上都为以瓷砖形式反复显示初始值 repeat-x 只在水平方向重复显示repeat-y 只在垂直方向重复显示no- repeat 不重复只显示一个背景图像的显示位置-background-positi

5、on: 显示位置,属性值：数值或 %来进行left 和 top 的值就相当于为0%,center 就相当于 50%,right 和 bottom 就相当于 100%假如只指定了一个的话,那其余的就相当于指定的为center固定背景图像 -background-attachment：为否固定,属性值：fixed固定背景图像的位置scroll 背景图像和其他内容一起滚动 初始值 css 文本属性文本缩进 -text-indent: 数值文本对齐 -text-align: 行对齐方式,属性值：left .center.right .justify处理空白 -white-space:空白处理,属性值：

6、normal默认；空白会被浏览器忽视；pre空白会被浏览器保留；其行为方式类似html中的 <pre> 标签；nowrap文本不会换行,文本会在在同一行上连续,直到遇到<br>标签为止；pre-wrap 保留空白符序列,但为正常地进行换行；pre-line合并空白符序列,但为保留换行符；行高 -line-height:行高,属性值：normal默认；设置合理的行间距；number设置数字,此数字会与当前的字体尺寸相乘来设置行间距；length设置固定的行间距；%基于当前字体尺寸的百分比行间距；纵向对齐 -vertical-align: 垂直方向的对齐,属性值：basel

7、ine 默认；元素放置在父元素的基线上；sub垂直对齐文本的下标；super垂直对齐文本的上标top把元素的顶端与行中最高元素的顶端对齐 text-top把元素的顶端与父元素字体的顶端对齐 middle把此元素放置在父元素的中部；bottom把元素的顶端与行中最低的元素的顶端对齐；text-bottom把元素的底端与父元素字体的底端对齐；length%使用 "line-height"属性的百分比值来排列此元素；答应使用负值；文字间隔 -word-spacing: 单词间距字母间隔 -letter-spacing:文字间距文本修饰 -text-decoration:修饰,属性

8、值：精品学习资料精选学习资料 - - - 欢迎下载none默认；定义标准的文本；underline定义文本下的一条线；overline定义文本上的一条线；line-through定义穿过文本下的一条线；blink定义闪耀的文本（无法运行在ie 和 opera 中 ）精品学习资料精选学习资料 - - - 欢迎下载定位： 把元素放置到一个静态的.相对的.肯定的.或固定的位置中positionstatic默认；位置设置为static的元素,它始终会处于页面流赐予的位置 （ static元素会忽视任何top.bottom.left或 right声明）；relative相对定位； 位置被设置为relat

9、ive的元素, 可将其移至相对于其正常位置的地方,因此 "left:20"将向元素的left位置添加20个像素；absolute肯定定位； 位置设置为absolute的元素, 可定位于相对于包含它的元素的指定坐标；此元素的位置可通过 "left"."top"."right"以及"bottom"属性来规定；fixed位置被设置为fixed的元素,可定位于相对于浏览器窗口的指定坐标；此元素的位置可通过"left"."top"."right"

10、以及 "bottom"属性来规定；不论窗口滚动与否,元素都会留在那个位置；工作于ie7（ strict模式）；精品学习资料精选学习资料 - - - 欢迎下载精品学习资料精选学习资料 - - - 欢迎下载设置元素的堆叠次序z-indexauto默认；堆叠次序与父元素相等；number设置元素的堆叠次序；精品学习资料精选学习资料 - - - 欢迎下载其他：floatdisplay： block clear：清空css 默写标准文档（ 1.2）1.基本语法（ 2）链接外部文件：<link rel=stylesheet href="css 文件地址 " t

11、ype="text/css">定义内部式样：精品学习资料精选学习资料 - - - 欢迎下载<style type="text/css"></style>2.class和 id 的区分（ 3）id 具有唯独性class可以多次显现id 的优先级高于class3.字处理（ 5）font-family font-size font-weight font-style color4.文本处理（ 8）text-indent text-aligntext-decoration vertical-align white-space line-height word-spacing精品学习资料精选学习资料 - - - 欢迎下载letter-spacing5.背景（ 5）background-color background-image background-repeat background-attachment background-position6.css定位（ 12）padding margin border position relative ab

人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论