1115 HTML CSS
1. HTML 全称HyperText Markup Language (超文本标记语言)。
2. 网页=HTML文件 + Web服务器 + CSS文本。
3. Web服务器:处理浏览器请求,寻找资源发送至浏览器。
4. 浏览器通过统一的HTML了解网页的结构和内容,并显示出来。
5. 当浏览器阅读HTML时,它会解析包围文本的标签;<html>标签通知浏览器这是一个HTML文件,HTML文件不内嵌特殊格式,文件的内容至关重要;Web建立在没有任何特殊格式字符的文本文本文件上,这使得它可以在全世界各个地方都能接收网页并理解内容;
6. 作为一个初学者,请使用文本编辑器编写html文件,这对你了解网页的构建更有帮助,等你成为一个高手,需要提升效率时,可以使用Dreamweaver、FrontPage、Golive等功能强大的网页设计软件;
7. 元素可以拥有属性,属性提供元素的更多信息,使用CSS样式时必须指定“text/css”作为样式属性;CSS和HTML一起使用十分强大;#d2b48c是16进制颜色,以后详细学习;“body”意味着“{”和“}”之间所有CSS文本用于HTML<body>标签元素中的内容;
8. CSS是级联样式表(Cascading Style Sheet), 用以控制HTML的外观;
9. HTML标记内容,用标签提供结构,匹配标记和他们之间的内容称之为元素,一个元素由开始、内容、结束构成;
10. 用户无法自定义一个html属性,因为浏览器只知道事先指定好的每个元素的属性;委员会决定HTML的元素和属性是否被支持;
11. 参考:HEAD FIRST HTML && CSS 和 《HTML和XHTML权威指南》;
12. 属性用来个性化元素,比如href就是连接指向;
13. 组织网站没有绝对正确的形式,但是要方便将来的扩建和管理,有时我们需要在几个网页中重复使用某些图像,所以将图像全部放在项目的根目录的一个文件夹中,但是如果你的网站需要在不同的网页文件中使用大量的图像,就可以在每个枝叶目录下设置各自的图像文件夹;
14. 使用“..”表示向上追溯到父目录,这个很像CMD和linux的命令;这个可以叠加使用;上溯的最大限是网站根目录;路径字数限制是255个;必须使用“/”分隔符,而不是Windows的“\”;
15. 某些浏览器,包括IE6,对<q>标签包括的文字不显示双引号;
16. 引用多文字使用<blockquote>,文字中夹杂一点引用用<q>,前者像是一个新的段落,是块(block)元素,后者是内联(inline)元素,块元素前后都有换行符,内敛元素在网页中随着文字流出现在“行内”;
17. 块元素特立独行,内敛元素随波逐流;
18. 没有HTML内容的元素称为空元素;
19. 列表元素<li></li>,<ol></ol>封装有序列表元素,<ul></ul>封装无序列表元素,列表元素和封装必须一起使用,列表是一组项目,元素确定每一个项目,封装是他们的组合,封装没有别的属性,可以在列表中嵌套列表;
20. 列表还有一种类型:自定义列表。<dl></dl>是封装,<dt></dt>是项限,<dd></dd>是描述;套娃
21. > 符号的缩写是>,<是<,&代替&本身,版权标记及所有标记可以在http://www.w3school.com/tays/ref-entities.a2p,也可以在更详细的清单网站查看:http://www.unicode.org/charts/;使用实体显示特殊字符;
22. 品尝一些元素:<a>链接, <em>斜体 强调, <address>地址,<strong>着重强调,<pre>显示输入文本前格式化文本,<q>引用,<blockquote>长文字引用,<p>段落,<ul>无序列表的封装 比如计划表,<ol>有序列表,<br>换行空元素,<hr>制作水平线,<code>显示程序代码,<li>列表元素;
23. HTML的一半乐趣在于实践!
24. 在输入内容之前先计划好网页的结构,画草图,再画略图,最后写HTMl;
用大的块元素来创建网页,用内联元素修饰,通常使用最最匹配内容含义的元素,需要列表时绝对不使用段落表示;
25. <p>、<blockquote>、<ol>、<ul>和<li>都是块元素,可以独立显示,文本前后有空行,<q>、<rm>、<a>、<img>是内联元素,这些元素的内容和其他内容一起跟随在文字流中,当你需要换行时使用<br/>(封闭自身,既是开始又是结束标签的空元素),空元素不含有内容,一个空元素仅由一个标记组成;
26. 可以使用start属性指定列表顺序,value改变每项的值;这个不会!
1115 HTML CSS的更多相关文章
- Matplotlib数据可视化(3):文本与轴
在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...
- js进阶 11-15 jquery过滤方法有哪些
js进阶 11-15 jquery过滤方法有哪些 一.总结 一句话总结:jquery方法中的参数一般是什么:选择器.元素或 jQuery 对象. 1.jquery方法中的参数一般是什么? 选择器.元 ...
- 【自编教材】16万8千字的HTML+CSS基础 适合从0到1-可收藏
[图片链接有点小问题,这几天更新,敬请期待!] 目 录 第一章HTML基础 1.1 HTML简介和发展史 1.1.1 什么是HTML 1.1.2 HTML的发展历程 1.1.3 web标准 1.2 开 ...
- CSS的未来
仅供参考 前言 完成<CSS核心技术与实战>这本书,已有一个多月了,而这篇文章原本是打算写在那本书里面的,但本章讲解的内容,毕竟属于CSS未来的范畴,而这一切都还不能够确定下来,所以这一章 ...
- 前端极易被误导的css选择器权重计算及css内联样式的妙用技巧
记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前 ...
- 前端css兼容性与易混淆的点
一.常用的骨灰级清除浮动 .clearfix:after { content: "."; display: block; height:; clear: both; visibil ...
- 理解CSS外边距margin
前面的话 margin是盒模型几个属性中一个非常特殊的属性.简单举几个例子:只有margin不显示当前元素背景,只有margin可以设置为负值,margin和宽高支持auto,以及margin具有 ...
- 理解CSS视觉格式化
前面的话 CSS视觉格式化这个词可能比较陌生,但说起盒模型可能就恍然大悟了.实际上,盒模型只是CSS视觉格式化的一部分.视觉格式化分为块级和行内两种处理方式.理解视觉格式化,可以确定得到的效果是应 ...
- 谈谈一些有趣的CSS题目(十二)-- 你该知道的字体 font-family
开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...
随机推荐
- linux 下C语言编程库文件处理与Makefile编写
做开发快3年了,在linux下编译安装软件算是家常便饭了.就拿gcc来说,都有不下10次了,可基本每次都会碰到些奇奇怪怪的问题.看来还是像vs.codeblocks这样的ide把人弄蠢了.便下定决心一 ...
- 远程连接sql server 数据库的方法
今天找了半天,终于解决了如何从本地连接到远程sql server服务器的方法. 1.首先确保打开远程服务器的sql server配置管理器,确保TCP/IP协议开启 2.WebConfig的连接字符格 ...
- nexus3添加第三方jar
最近在看maven的打包及管理,然後就看到nexus,自己在安裝的時候就下載了最新版的nexus-3.2.0-01-win64,按照文档部署后启动,浏览.之前一致使用的是2.0的,所以还是需要导出点点 ...
- 23个.NET开源项目
Castle是.NET里走过了三年的开源框架,下载地址如:http://www.castleproject.org/index.html ,当然如果你是从事过JAVA开发并用过spring,hiber ...
- 深入解析java虚拟机-jvm运行机制
转自oschina 一:JVM基础概念 JVM(Java虚拟机)一种用于计算设备的规范,可用不同的方式(软件或硬件)加以实现.编译虚拟机的指令集与编译微处理器的指令集非常类似.Java虚拟机包括一套字 ...
- Android Training精要(五)讀取Bitmap對象實際的尺寸和類型
讀取Bitmap對象實際的尺寸和類型 BitmapFactory.Options options = new BitmapFactory.Options(); options.inJustDecode ...
- 更好的 SQL 模式的 10 条规则
更好的 SQL 模式的 10 条规则 2015-06-17 11:57:392353浏览1评论 在创建新表和数据仓库时,要做很多决定.一些在当时似乎无关紧要的地方,却让你和用户在数据库的生命期内感到痛 ...
- VirtualBox的四种网络连接方式详解
VirtualBox中有4中网络连接方式: 1. NAT 2. Bridged Adapter 3. Internal 4. Host-only Adapter VMWare中有三种,其实他跟VMWa ...
- bzoj3875
悲伤地回忆,当初写了一个作死的算法爆零了为什么不好好写暴力呢……显然设w[i]表示彻底干掉这个怪物的代价注意发现这里的转移具有后效性,但是干掉每个怪物的最优值是一定的我们用spfa来转移,详见那篇sp ...
- 如何在多线程中调用winform窗体控件
由于 Windows 窗体控件本质上不是线程安全的.因此如果有两个或多个线程适度操作某一控件的状态(set value),则可能会迫使该控件进入一种不一致的状态.还可能出现其他与线程相关的 bug,包 ...