1.网页的组成
网页主要由文字、图像和超链接等元素构成。还包含音频、视频以及flash等。
2.建站流程
A.注册域名(网址)
B.租用空间
C.网站建设: a.确定网站主题
b.搜集资料
c.规划网站
d.制作页面
D.网站推广
E.网站维护
3.站点
站点的作用:用来归纳一个网站上所有的网页、素材以及他们之间的联系 文件的命名规则文件命名规则:用英文,不用中文名称全部用小写英文字母、数字、下划线组合,其中不得包含汉字、空格和特殊字符;必须以英文字母开头。 首页必须命名为index.html4.Hyper Text Markup Language 超文本标记语言(HTML)
5.<title></title>中不能写注释,写了会被加载
6.一个页面只能有一个<h1>标签
7.自定义列表:对名词的解释
<dl> <dt>名词</dt> <dd>解释</dd> </dl>8.使用链接实现点击链接,页面图片跳转
9.表格
cellspacing(边框之间的距离) cellpadding(边框与内容之间的距离) align 使用在table中 表格对齐方式 tr 整行对齐方式 td 单元格内容对齐方式 align属性值:left、right、center、justify(对行进行伸展,这样每行都可以有相等的长度(就像字报纸和杂志中)) valign 属性规定单元格中内容的垂直排列方式 valign属性值:top、middle、bottom、baseline(与基线对齐) 使用bgcolor设置背景色10.将style样式表放在head中,有利于用户体验
11.内部样式表和外部样式表的执行的优先顺序和书写有关,相同的属性后面的会覆盖前面的;不同的属性会继续执行
12.使用Link和@import引入外部样式表
<link type="text/css" rel="stylesheet" href="" /> <style> @import url("global.css"); /*等页面的资源全部加载完毕再加载,用户体验不好*/ </style>13.所有写在标签上的属性都是HTML属性
14.一般用从上到下排列的元素来包裹从左到右的元素
15.p标签中不能嵌套其他从上到下的元素。如div,ul...
16.a标签
a:link 初始状态 a:visited 鼠标访问后的状态 a:hover 鼠标悬浮时的状态 a:active 鼠标按下没有松开时候的状态17.权重越高,越优先执行(包含选择符权重,为所有包含选择符之和)
内联选择符 1000 id选择符 0100 class选择符 0010 伪类选择符 0010 类型选择符 0001 继承样式 000018.font-weight:(100-900);(500正常值)
19.首行缩进:text-indent:数值;
text-indent:30px; /*缩进两个字符*/ text-indent:2em; /*缩进两个字符*/ /*取值可以取负值,可以隐藏文本,只对第一行文本起作用*/20.字符间距:{letter-spacing:数值;} (可为负值)
21.文字属性简写:
{font:font-style font-weight font-size/line-height font-family;}22.背景
/* background-attachment属性值:scroll(滚动)、fixed(固定) */ /* 背景简写:background会覆盖前面background- 系列的属性 */ background: #ccc url(imgages/1.jpg) no-repeat center top; /* 简写不包含background-attachment,可以不写颜色属性,是否重复和位置属性可以交换 */23.边框属性
/* border-style属性:solid(实线),dashed(虚线),dotted(点状线),double(双实线); 注意:使用双实线时的border-width需设置大于2px; 去掉边框:border:0;/border:none; */边框宽度:border-width,边框颜色:border-color,边框样式:border-style。
border属性简写:{border:1px solid #f40;}
24.设置内容大小写属性有:
a.text-transform,属性值有none(默认),capitalize(文本中的每个单词以大写字母开头),uppercase(全部大写),lowercase(全部小写),inherit
b.font-variant,normal(默认值),inherit(继承父元素属性),small-caps(小型大写字母)
转载于:https://www.cnblogs.com/glmkeep/p/11294371.html
相关资源:传智播客-PHP基础视频_html css js笔记