常见的块元素有
<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}
标记选择器最大的有点是能快速为页面中同类型的标记统一样式，同时也是他的缺点，不能设计差异化样式。

绝对路径：带有盘符的一个路径
D：前端与移动开发\html\css

相对路径：一个文件相对于另一个文件的路径

背景图片：<body background="图片的路径"></body>

表单：
表单元素：
Input:
Text:文本框（输入框）
Password:密码框
Radio:单选框（如果在设置默认选项使用：checked）
Checkbox:多选框（如果在设置默认选项使用：checked）。
Button:按钮（如果设置value值，那么这个值就是按钮上的文本）
Submit:提交按钮（必须要跟form一起使用才会达到效果。）
Image:图片按钮
Select:下拉框：

Textarea:文本域：

FORM表单：
Action:设置表单的提交参数路径
注意：如果一个表单元素想要提交那么这个元素必须要一个name属性

method:当前的请求方式。
当前的主流请求方式有两种：
当前的主流请求方式有两种：
GET:将要传递的参数放在url上面。
post:将要传递的参数放在请求报文体中、

标签的语义化：
HTML:从语义化的角度来描述页面结构
css从审美的角度来修饰页面的样式
js:从交互的角度来给页面提供行为。

html中标签的种类并不多。、

w3c标准：html结构，css样式，js行为
遵循的原则：先确定语义的HTML，再选适合的css
语义是否良好：当我们去掉css之后，网页结构依然组织有序，并且有良好的可读性。

w3c万维网联盟：有效促进了web技术的相互兼容。、

语义化标签：语义化的主要目的就是为了让大家直观的认识标签和属性的用途和作用

语义化的网页的好处，

语义化的网页的好处，最主要的就是对搜索引擎友好，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取。

核心:合适的地方给一个最为合理的标签。
不管是谁都能看懂这块内容是什么

css主要目的是：控制网页中元素的样式。
css可以让我们从html结构和样式中分离出来
css可以让我们专注结构

Id选择器：id选择器使用#进行表示，后面紧跟着id名，其基本语法格式如下：
该语法中，id名即为html元素的id属性值，大多数html元素都可以定义id属性，
元素的id值是唯一的，只能对应于文档中某一个具体的元素。

通配符选择器
通配符选择器用“*”表示，他是所有选择器中作用范围最广的，能匹配页面中所有的元素。

注释：
HTML:<!--内容-->
css:/*内容*/
注释的作用:用来说明某一段代码的作用。

最好每写一段内容都用注释前后包括起来，方便后期的维护。

各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。网站重构的目的不是为了让网页更符合Web标准，重构的本质是构建一个前端灵活的MVC框架，即HTML作为信息模型（Model），CSS控制样式（View），JavaScript负责调度数据和实现某种展现逻辑（Controller）。同时，代码需要具有很好的复用性和可维护性。这是高效率、高质量开发以及协作开发的基础。

css部分的复习的更多相关文章

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

    css重点章节复习—布局-边框-边距-浮动 在第二个任务中,这一块的后面那条线真的弄了很久.起初也是在html里面写的代码.之后觉得这样不好,想到第一个页面中用到的border-bottom和bord ...

  2. HTML、CSS、JS 复习——序

    HTML在MVC中担任着M的角色.由HTML组成的节点称之为HTML DOM.要想成为一流的大神,就必须能分分钟建立起一个强大的HTML DOM.而要做到这点,就必须了解甚至精通HTML. CSS在M ...

  3. css的一些复习

    css,全称Cascading Style Sheets,层叠样式表. css选择器是从右往左解析的,解析速度会比较快. 选择器 选择器权重 !important 优先级最高 元素属性 优先级高 相同 ...

  4. CSS的简单复习总结

    如果说网页是人的话那么CSS就是化妆品了哈哈哈,所以网页离不开CSS的装饰.id选择器和Class选择器    二者都是用来选择元素进行装饰的,我个人理解是类选择器包含了id选择器,class选择器不 ...

  5. CSS基础知识复习

    1. CSS优先级 标签内部属性 style定义的CSS > 文档内定义的css > 引用外部CSS文件 2. CSS选择器类型 . 标签选择器 . 类选择器(使用.做标识) . ID选择 ...

  6. HTML5+CSS3整体回顾

    http://blog.poetries.top/2016/10/19/HTML5+CSS3%E5%9F%BA%E7%A1%80%E5%9B%9E%E9%A1%BE%20/ 这篇文章主要总结H5的一些 ...

  7. Matplotlib数据可视化（3）：文本与轴

      在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...

  8. 《CSS权威指南》基础复习+查漏补缺

    前几天被朋友问到几个CSS问题,讲道理么,接触CSS是从大一开始的,也算有3年半了,总是觉得自己对css算是熟悉的了.然而还是被几个问题弄的"一脸懵逼"... 然后又是刚入职新公司 ...

  9. HTML和CSS的复习总结

    HTML(Hypertext Markup Language)超文本标记语言:其核心就是各种标记!<html> HTML页面中的所有内容,都在该标签之内:它主要含<head>和 ...

随机推荐

  1. Node.js高级编程读书笔记 - 1 基本概念

    Outline 1 概述和安装 1.1 安装Node 1.2 Node简介 2 Node核心API基础 2.1 加载模块 2.2 应用缓冲区处理.编码和解码二进制数据 2.3 使用时间发射器模式简化事 ...

  2. unbuntu server （linux系统）下面安装 lamp

    1.sudo apt-get update 2.sudo apt-get install apache2 3.检查是否安装成功: apache2 -v 4.sudo apt-get update ph ...

  3. ASP.NET MVC+EF框架+EasyUI实现权限管理系列

    http://www.cnblogs.com/hanyinglong/archive/2013/03/22/2976478.html ASP.NET MVC+EF框架+EasyUI实现权限管理系列之开 ...

  4. 【C】 01 - 再学C语言

    “C语言还用再学吗?嵌入式工程师可是每天都在用它,大家早就烂熟于心,脱离语言这个层面了”.这样说不无道理,这门古老的语言以其简单的语法.自由的形式的而著称.使用C完成工作并不会造成太大困扰,所以很少有 ...

  5. php接口和抽象类

    接口关键字:interface,不加class关键字接口里面有成员方法,但是没有函数体.实现接口使用的关键字:implements 不是extends子类必须实现接口的所有方法 使用接口,你可以指定某 ...

  6. 一个服务器上面配置多个IP ，实现指定IP的域名请求

    //配置多个IP命名using System.Net; //********************************************************************** ...

  7. C++中默认构造函数中数据成员的初始化

    构造函数的任务是初始化数据成员的,在类中,如果没有显示定义任何构造函数,编译器将为我们创建一个构造函数,称为合成的默认构造函数,合成的默认构造函数使用与变量初始化相同的规则来初始化成员.即当类中的数据 ...

  8. url中参数以及callback后面的串

    最近在写一个京东的爬虫,在模拟其http请求访问评论时,遇到http://club.jd.com/productpage/p-1419543-s-0-t-0-p-0.html?callback=jQu ...

  9. JavaScript中的Array

    Array类型是ECMAScript 用的最多的类型了,ECMAScript中的数组每一项可以保存任何类型的数据,也就是说,数组的第一个项保存字符串,用第二个保存数值,用第三个位置来保存对象.二千数据 ...

  10. 每天一个 Linux 命令(12)：more命令

    more命令,功能类似 cat ,cat命令是整个文件的内容从上到下显示在屏幕上. more会以一页一页的显示方便使用者逐页阅读,而最基本的指令就是按空白键(space)就往下一页显示,按 b 键就会 ...