HTML基本结构
文档类型的说明:<!doctype html public .............>,有三种
<html>的两个属性:dir(文档显示方向),lang(使用的语言)
元素和属性名不区分大小写,大部分属性值不区分大小写,class和id属性的值区分大小写
字符实体: 表示空格,等等
辅助性元素
<title>设置页面标题,网页左上角
<base href="">设置网页基础URL
<link rel="stylesheet" type="text/css" href="url">链接到css文件
<script type="text/javascript" src="url">链接到js文件
<meta name="XXX" content="XXX">元数据
<link rel="icon" href="url">定义浏览器左上角小图标
网页文本设计
<hn>标题标记
<font face="字体" size='x' color='#000000' align='center'>
<b>粗体
<strong>粗体
<i>斜体
<em>斜体
<cite>斜体
<big>加大字号
<small>减小字号
<hr>水平分割线
<pre> 将文字按照源代码的样子显示在浏览器上
列表
<ul><li>无序号的列表
<ol><li>有序号的列表
超链接
<a href="httpurl">该url必须带有http前缀
<a target="_blank">开到新窗口
<a title='xxx'>链接提示信息
<a href="#html" > <div id="html"> 定义锚点,链接到该div
<a href="mailto:zzqecnu@163.com"> 给邮箱发邮件
<a onclick="return false;">禁用链接
图像
图像映射(将图像的一部分变成链接):<img usemap="#xxx"> <map name='xxx'><area shap="rect/circle/poly" href='url'></map>
表格设计
<td colspane ='2'>合并左右两个单元格
<td rowspane ='2'>合并上下两个单元格
<caption>表格标题
<td nowrap>禁止换行
表单设计
<form action="url" method="get/post">
<input type="image">图像按钮
<select><option></option></select>选择列表
<input type="" disabled/>不可用控件
<input type="" readonly/>只读控件
多媒体
<embed type="XXX" src="url">插入多媒体
<marquee>滚动文字
—————————————— CSS ————————————————————————
margin 外留白
padding 内留白
选择器的多各类用空格隔开
@import url("url")导入样式
css优先级:内联样式>嵌入式样式>导入样式>链接样式
font-family 字体
font-style:oblique 文字偏斜体
font-weight 加粗
line-height:xx px 行间距
text-align 对齐方式
vertical-align 垂直对齐方式
background-image 背景图片
background-color 背景颜色
background-repeat 背景图片自动平铺
background-position 背景图片位置
text-transform 英文大小写自动转换
font-size 文字大小
text-decoration 文字上中下画线
text-indent 首行缩进
图片特效
border-style 图片边框类型
border-color 图片边框颜色
border-width 图片边框粗细
box-shadow 块的阴影效果
css高级特效
css中最后一个有效的样式将覆盖前面的有效样式
两个选择器直接连接——交集选择器
两个选择器用逗号连接——并集选择器
两个选择器用空格连接——后代选择器
网页布局
div对象本身是一个占据整行的对象
浮动的框可以左右移动,直到其外边缘碰到其包含框或另外一个框的边缘
相对定位(float:left):让这个元素相对于其起点进行移动top或left的值
绝对定位(position:absolute):对象浮在网页上方
悬浮定位(position:fixed):块随着网页滚动条上下移动
overflow:当对象的内容超出其指定的高度和宽度时怎么办
相关推荐
html&css入门基础知识点.pdf
htmlcss入门基础知识点.pdf
HTML+CSS学习入门知识点总结
CSS3和html5的知识点总结,适合入门的朋友预览。是学习CSS3之前,预习的好知识点。
循序渐进的讲述了网页基础知识和CSS布局的实战技术,从基本概念到具体实践、从对网页的认识到制作网页、从使用CSS进行网页局部的设计到进行整个网站的布局制作都进行了详细的阐述,并对具体知识点进行了详细的实例...
详细的写了HTML和CSS入门知识点,其知识点量是一个全栈工程师所需掌握的,为初学者提供一个很好的学习思路,有着更高的学习效率。
非常不错哦,讲的细,适合初学者。其中涵盖了html+css+javascript的知识点。其中也带有实例。是理论在结合的学习方式。
了解web基础开始学习 从html+css入门开始该文档归纳了一些基础入门的知识点和基础语法。
前端开发入门阶段,需要掌握的关键知识点主要包括以下几个方面: HTML (HyperText Markup Language) 理解HTML文档的基本结构,例如<!DOCTYPE>, <html>, , 等元素。 学习和使用常见的HTML标签,如标题标签(至)、...
《html5从入门到精通(第2版)》一书内容系统而全面,详尽地讲解了HTML语言及HTML5的所有新功能与新特性,技术新颖,所有重要知识点均以多个实例进行讲解,方便读者动手实践。每章最后设置习题,通过这些习题可以对...
关于HTML&CSS的xmind脑图;具体涵盖了所有关于HTML&CSS基础的知识点,帮你建立该两门基础课程的知识框架,有助于你的入门速度
HTML+JS+CSS培训课件和练习(含答案),课件对HTML+CSS+JS+XML等重要知识点进行了讲解,练习也很经典,适合新手入门的好材料,拿来和大家分享!各种内部资料,持续更新中!
大二(经常逃网课
遇到网页设计问题的童鞋也可以提问,这些年总结了一些学生网页制作的经验:一般的网页作业需要融入以下知识点: div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频视频Flash的应用、ul li、下拉...
实例版的html,css,javascript。直接用例子说明知识点,去掉很多不必要的理论。最快速度带你入门
本书在小程序技术基础上增加了基本CSS布局知识点,讲解细腻,手把手带领读者快速入门小程序开发。 内容简介 《微信小程序:开发入门及案例详解》本书全面介绍微信小程序的开发思路、技术、工具与案例,涉及小程序...
本课程从零开始,以通俗易懂的方式讲解CSS技术,手把手教你掌握每一个知识点。课程中使用的所有英文单词都会逐一查询并记录,真正做到零基础入门学习,最适合初学者的教程,让你少走弯路!课程内容包括:1.CSS简介2....