前端笔记
FatCuteGG
这个作者很懒,什么都没留下…
展开
-
01-HTML概述与基本结构
HTML概述与基本结构 HTML概述 HTML(HyperText Mark-up Language)是超文本标记语言的简写,是一种用来制作网页的语言,扩展名为html或者htm. html文档基本结构 基本结构如下 <!DOCTYPE html> <html> <head> <...转载 2018-03-22 17:01:28 · 208 阅读 · 0 评论 -
02-HTML标签入门
html标签入门 标签的使用方法 成对出现的标签 <h1>h1标题</h1> <div>这是一个div标签</div> <p>这个一个段落标签</p> 单个出现的标签 <br> <img src="images/pic.jpg" alt="图转载 2018-03-22 17:01:59 · 143 阅读 · 0 评论 -
03-HTML网页布局与CSS入门
HTML网页布局与CSS入门 网页布局原理 标签在网页中会显示成一个个的方块,先按照行的方式,把网页划分成多个行,再到行里面划分列,也就是在表示行的标签中再嵌套标签来表示列,标签的嵌套产生叠加效果。 标签语义化 在布局中需要尽量使用带语义的标签,使用带语义的标签的目的首先是为了让搜索引擎能更好地理解网页的结构,提高网站在搜索中的排名(也叫做SEO),其次是方便代码的阅读和维护...转载 2018-03-22 17:02:13 · 182 阅读 · 0 评论 -
04-CSS常用选择器与属性
css常用选择器与属性 标签选择器 标签选择器,此种选择器影响范围大,一般用来做一些通用设置,或用在层级选择器中。 举例: div{color:red} ...... <div>这是第一个div</div> <!-- 对应以上样式 --> <div>这是第二个div</div> <!-- 对应以上样式 ...转载 2018-03-27 18:42:49 · 127 阅读 · 0 评论 -
09-常用图片格式
常用图片格式 图片是网页制作中很重要的素材,图片有不同的格式,每种格式都有自己的特性,了解这些特效,可以方便我们在制作网页时选取适合的图片格式,图片格式及特性如下: psd photoshop的专用格式。 优点:完整保存图像的信息,包括未压缩的图像数据、图层、透明等信息,方便图像的编辑。 缺点:应用范围窄,图片容量相对比较大。 jpg 网页制作及日常使用最普遍的...转载 2018-03-27 18:41:19 · 193 阅读 · 0 评论 -
05-相对地址与绝对地址
相对地址与绝对地址 网页上引入或链接到外部文件,需要定义文件的地址 常见引入或链接外部文件包括以下几种: <!-- 引入外部图片 --> <img src="images/001.jpg" alt="图片" /> <!-- 链接到另外一个网页 --> <a href="002.html">链接到网页2&转载 2018-03-27 18:43:04 · 232 阅读 · 0 评论 -
06-HTML标签提高
HTML标签提高 无序列表标签 无序列表一般应用在布局中的新闻标题列表和文章标题列表,它是含有语义的,标签结构如下: <ul> <li>列表标题一</li> <li>列表标题二</li> <li>列表标题三</li> </ul> 列表的内容一转载 2018-03-27 18:43:16 · 143 阅读 · 0 评论 -
07-CSS常用选择器二
CSS常用选择器与属性二 id选择器 通过id名来选择元素,元素的id名称不能重复,所以一个样式设置项只能对应于页面上一个元素,不能复用,id名一般给程序使用,所以不推荐使用id作为选择器。 #box{color:red} ...... <p id="box">这是一个段落标签</p> <!-- 对应以上一条样式,其它元素不允许应用此样式 --...转载 2018-03-27 18:43:27 · 161 阅读 · 0 评论 -
08-CSS盒子模型及使用技巧
CSS盒子模型及使用技巧 盒子模型解释 元素在页面中显示成一个方块,类似一个盒子,CSS盒子模型就是使用现实中盒子来做比喻,帮助我们设置元素对应的样式。 把元素叫做盒子,设置对应的样式分别为:盒子的宽度width、盒子的高度height、盒子的边框border、盒子内的内容和边框之间的间距padding、盒子与盒子之间的间距margin。 设置宽高 width: 200px...转载 2018-03-27 18:43:38 · 216 阅读 · 0 评论