css部分的复习

常见的块元素有
<h1><h6>。<p><div><ul><li><ol>等,其中<div>标记是最典型的块元素。

行内元素:行内元素不占有独立的区域,仅仅靠自身的字体大小和图像尺寸来支撑结构,一般不可以设置宽度,高度,对齐等属性。常用于控制页面中文本的样式。
常见的行内元素有<strong><b><em><i><del><s><ins><u><a><span>等,其中<span>标记是最典型的行内元素。

注意:在行内元素中有几个特殊的标记,——<img/><input/><td>可以对他们设置宽高和对齐属性。有些资料可能会称他们为行内块元素。

——————————————————
css基础选择器(选取元素)
要想将css样式应用于特定的HTML元素,首先要找到该目标元素。在css中执行这一任务的样式规则部分被称为选择器,css基础选择器有四种
1.标签选择器,
标记名{属性1:属性值1;属性2:属性值2}
标记选择器最大的有点是能快速为页面中同类型的标记统一样式,同时也是他的缺点,不能设计差异化样式。

时间: 2024-11-05 12:17:18

css部分的复习的相关文章

css重点章节复习—布局-边框-边距-浮动 (部分)

css重点章节复习—布局-边框-边距-浮动 在第二个任务中,这一块的后面那条线真的弄了很久.起初也是在html里面写的代码.之后觉得这样不好,想到第一个页面中用到的border-bottom和border-top就觉得这里应该可以用border-left或者border-right 就使用了.但是出现一个问题就是不管我怎么调,整条线都是从上画到下,不能合顶部底部的两条线分开.还好记得书本里面有一处是将将垂直线和上下部分开的.查了一下,竟然是用paddding.就觉得很震惊.原来那些margin

CSS3新增颜色属性

CSS颜色属性复习 color name 颜色英文名称命名(如red,blue,pink,white等) HEX方式 十六进制方式(#FF0000,#B9B9B9等) rgb方式 三原色配色方式(rgb(255,0,00)) 这几种方式都是常用到的颜色属性,本人使用较多的是HEX方式.CSS3中新增了几种颜色属性. CSS3新增颜色属性 1.RGBA模式 2.HSL模式 3.HSLA模式 1.RGBA模式 rgba在之前一遍博客中已经提及过,a表示的是透明度,取值范围为0~1,rgb分别是红绿蓝

HTML笔记3

CSS 一.复习 1. 什么是Css? 层叠样式表 : 层叠 样式只会被覆盖 而不会被替代 2. CSS 的使用方式 style属性 ---> <h1 style="css属性"></h1> style标签 ----> head标签里面 link ---> <link rel="stylesheet" href="style.css"> 3. 基础选择器 html标签选择器 通过html标签名

CSS3新增文本属性详述

CSS文本属性复习 1.white-space:对象内空格的处理方式 2.direction:文本流的方向 3.unicode-bidi:用于同一个页面里存在从不同方向读进的文本显示.与direction属性一起使用 1.white-space:对象内空格的处理方式 nowrap 控制文本不换行 pre 空白会被浏览器保留 normal 默认状态 pre-line 合并空白 保留换行符 pre-wrap 保留空白 正常换行 nowrap经常配合text-overflow一起使用,使得超出部分显示

李洪强和你一起学习前端之(6)浮动 布局 定位

亲爱的,美好的一天开始了,今天是2017年3月22日,时间真快,三月马上就要结束了, 希望我们不负大好时光,活到老,学到老,吃得苦中苦,方为人上人! CSS基础 1 复习昨天知识 1.1行高 行高可以继承 1.2行高单位 单独的盒子设置: Px  em  % 不带单位 给父盒子设置: Px   2em   % 不带单位 1.3盒模型组成 1.3.1 Border ->border-width ->border-style ->border-color ->Border: borde

项目复习期总结3:CSS引入方式,注释,命名规范,背景,行高,文本属性

目录: 1.CSS注释的书写 怎么写?好处? 2.CSS引入方式  各种的优缺点 3.选择器的写法与选择器的优先级 4.CSS命名规范 5.背景,行高 6.文本(text与font开头)等所有属性 ① CSS注释书写规范: 1.单行注释:    直接写在属性值的后面,如: ① .search{ border:1pxsolid#fff;/*定义搜索输入框边框*/ background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*/ } ② .wr

【复习】css中的position

好久不写CSS代码 感觉忘的差不多了,代码就是要多敲才行的.就行武林中的武者一样,每天都要勤加练习才可. 正好写写博客,就当复习复习. position  主要是用来 元素的定位方式 static : 无特殊定位,对象遵循HTML定位规则 absolute : 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位.而其层叠通过z-index属性定义.此时对象不具有边距,但仍有补白和边框 relative : 对象不可层叠,但将依据left,right,top,b

HTML和CSS的复习总结

HTML(Hypertext Markup Language)超文本标记语言:其核心就是各种标记!<html> HTML页面中的所有内容,都在该标签之内:它主要含<head>和<body>两部分.<head> 头部:它通常包含抬头<title>,基本信息<meta>(内容类型content,字符集charset)等.<body> 主体:它通常包含标题<hn>,排版<br><hr>,文字&

项目期复习总结:Table, DIV+CSS,标签嵌套规则

目录: 1.表格的意义,含义? 2.表格有哪些元素? 3.表格布局,表格布局的优缺点 4.行元素,块元素的区别? 5.标签的合理嵌套及标签的语义性 ① 表格的意义,含义? 表格应该用来展现那些适合表格化显示的信息,比如数据的显示,统计或者二维报表之类的信息,而不是作为一种而已的工作 ② 表格有哪些元素? 表格元素:table thead tbody tfoot caption tr th td .... 较常用  ③ 表格的使用应该注意哪些? 1)使用表格时注意合理嵌套,遵循标签的语义性,tab