【B/S】HTML~CSS初识

小毛驴第一次接触web开发，就简单阐述一下自己的理解：

HyperTextMarkupLanguage超文本标记语言：可以说网页的主体其实就是html。

它是一种规范：网页文件其实就是文本文件，html通过添加标识符，对文字，图片如何处显示进行标记，所以叫文本标记语言。

除此之外，html还可以设置超链接，有一种URL指针，点击可以链接到其他网站，所以才有了超文本标记语言

Cascading Style Sheets层叠样式表：用来给html打辅助的

为了减少HTML的负担，就有了CSS

它可以更精确控制文字字号等样式以及颜色，网页中的元素位置排版进行像素级别的设计。

在html中进行的标记，为了方便CSS找到需要精确设计的地方

CSS通过使用“#”、“.”、“空格”识别找到对应的位置，进行编辑，下面详细举几个例子：

【id=" "】:

是一种名称指派，这里指派给content 用“#”连接，这个id有唯一性，不可再一个文件里重复使用

[在HTML中]：< div id="content"> < /div>

[在CSS中]： #content{ 这里是设计的样式 A}

【class=" "】:

进行名称指派，对于都需要round样式的元素都可以定义一个class 用”.“连接

它与id不同，它可以重复使用，可以和多种标记进行组合；如和id组合：

[在HTML中]：< div id="content" class="round"> < /div>

[在CSS中]：.round { 这里是设计的样式B } ——这里表示只要HTML中有round标识的都有 B样式

[在CSS中]：#content .round{这里是样式C}——这里表示在HTML中标记content下的round标识才有C样式

注意：这里#content 和.round之间有一个空格，这个空格表示层次关系，不可忽略，如果没有空格容易出现修改的格式不能显示的莫名其妙的错误

如果以上两种格式设置两个同时存在，就要有优先级：id选择器#>class选择器.>html标签选择器

【ul 和 li 】标签选择器：

[在HTML中]

[在CSS中] ： ul,li {/*项目列表样式D*/} ——这里“,”表示两个ul和li是并列的关系，为所有有这个标识的添加上样式DD

【a】标签选择器：

[在HTML中]： <a href ="https://baike.so.com/doc/9835190-10182106.html"><img src="images/tg029logo.gif" /></a>

[在CSS中]：a:link ,a:visited { /*鼠标未点的连接样式E*/}——这里“:”表示在link和visited状态下a标记的样式，冒号表示状态

头——<head></head>

内容——<body></body>

尾——<footer></footer>

文本设计

居中——<p align="center" > 或者<center>...</center>

换行——<br>

标题——<h2></h2>

空格——半角输入法状态下&nbsp 或全角状态下的空格

序列号样式○—— <ol type="circle">

</ol>

表格——<table>表</table> ；<th>表头</th>；<td>单元格内</td>

命名锚记

如同Home键，可以返回到顶部一样。

命名锚记，就是通过在想要跳转到的地方做一个标记，点击当前的引用标记，跳转到指定的地方。

例子：

<a href ="#com">点击我要评论跳到吧啦吧啦</a>

`````````此处省略一万行

小毛驴发现，当整理的时候，能了解更多，今天先整理到这里，之后会不断加深印象，欢迎交流！