学习HTML+CSS

来源：互联网发布：linux 打印目录树编辑：程序博客网时间：2024/05/22 01:39

刚开始学习web前端，HTML+CSS，一开始不知道从何入手，不过还好有琳姐指导，学习的过程还是需要有一个引导者。

1、HTML是网页内容的载体；CSS样式是表现；JavaScript是用来实现网页上的特效效果。平时大家说的上网就是浏览各式各样的网页，这些网页都是由html标签组成的。1)标签成对出现，分开始标签和结束标签。2）<html></html>称为根标签；容器<head>；头部元素<title>、<script>、<style>、<link>、<meta>等；<body>、</body>标签之间的内容是网页的主要内容。如<h1>、<p>、<a>、<img>等。3）。

2、<hx>制作文章标题；加入强调语气，<strong><em>标签；<span>标签没有语义，为了设置单独的样式；<p>短文本引用；<blockquote>长文本引用；<br>分行显示文本；<hr>添加水平横线；<address></address>地址信息；<code>加入一行代码；<pre>加入大段代码。

3、在网页制作过程中可以把一些独立的逻辑部分划分出来放在一个<div>标签中；用CSS样式，为表格加入边框：<style type="text/css">table tr td,th{border:1px solid #000;}</style>；为标题添加摘要<table summary="表格简介文本">。

4、使用<a>标签链接到另一个页面<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>；使用mailto在网页中链接Email地址；简单的表单标签；CSS为网页添加样式。

5、CSS样式基本知识：内联式CSS样式：直接写在现有的HTML标签中；嵌入式CSS样式：写在当前的文件中；外部式CSS样式：写在单独的一个文件中。优先级也就是这个顺序。

6、除了以上的还有CSS选择器的认识、CSS的继承、层叠和特殊性、CSS格式化排版、CSS盒模型、CSS布局模型以及CSS代码的缩写以占用更少的宽带。

学习web前端HTML+CSS是一个有点慢的过程，不是一时间就能学到手的东西，需要时间和经验的积累，才能慢慢慢慢的做的更好、更独立！

0 0