2018年1月12日
HTML知识点之表示强调的主要元素
摘要： <h1>~<h6> 在HTML中，标题(Heading)元素共有6个级别的标签：<h1>~<h6>。它们都是块级元素。标题数字越小，字体就会越大，标题的级别也就越高。 <h1>~<h6> 在HTML中，标题(Heading)元素共有6个级别的标签：<h1>~<h6>。它们都是块级元素。标题数字越小， 阅读全文
posted @ 2018-01-12 16:28 蔸蔸猫的博客 阅读(501) 评论(0) 推荐(0) 编辑
HTML知识点总结之ul，ol，li标签
摘要： HTML列表分为有序列表，无序列表和描述列表。我们常用的是有序列表（ol）与无序列表(ul)。 有序列表 <ol>标签就可以定义一个有序列表，之所以称其为有序列表，是因为可以使列表具有排序功能。具体的列表项使用<li>元素来规定。 type属性：实现不同方式的有序排序功能，不赞成使用，通常都会使用样 阅读全文
posted @ 2018-01-12 15:52 蔸蔸猫的博客 阅读(2596) 评论(0) 推荐(0) 编辑
HTML知识点总结之img、scirpt、link标签
摘要： <img>元素 使用<img>可以在网页插入一个图片，但实际上<img>标签并不会在网页中直接插入图像，而是从网页上链接图像。 <img>的主要属性 （1）src属性：图片的路径。 （2）alt属性：当图片无法显示时的替代文本，以便搜索引擎抓取。 （3）title属性：鼠标悬浮时显示的文本。 <im 阅读全文
posted @ 2018-01-12 12:24 蔸蔸猫的博客 阅读(1022) 评论(0) 推荐(0) 编辑
2018年1月11日
HTML知识点总结之<a>标签
摘要： HTML是什么？ HTML（Hyper Text Markup Language）超文本标记语言，用来描述网页的一种语言。超文本是指网页不止有文本，还可以有图片，链接，视频，音频等非文本元素。标记语言是指HTML是用一套标记标签来描述网页。HTML 文档也被称为网页 <a>元素 <a>元素又叫htm 阅读全文
posted @ 2018-01-11 17:42 蔸蔸猫的博客 阅读(687) 评论(0) 推荐(1) 编辑
2017年12月29日
CSS背景-background
摘要： 复合属性—background 如果同时设置了background-color和background-image时，背景颜色会被图片覆盖。 background-image: 用作背景的图片，background:url( )； 如果将背景设置为图片，那么我们就要考虑以下几个属性了。 backgro 阅读全文
posted @ 2017-12-29 20:16 蔸蔸猫的博客 阅读(404) 评论(1) 推荐(1) 编辑
2017年12月28日
CSS列表及导航条
摘要： 大多数网页中都包含某种形式的列表，今天我们就来联系几个基本的导航条。 垂直导航条 注意要点： 去掉默认的项目符号（list-style-type:none）,将外边距和内边距都设为0。 以em设置导航列表的宽度。.nav{width:8em;} 讲锚的display属性设置为block，这样就可以给 阅读全文
posted @ 2017-12-28 22:27 蔸蔸猫的博客 阅读(425) 评论(1) 推荐(0) 编辑
用纯CSS画大白
摘要： 纯CSS打造网页大白知识点： 首先要把大白分割，整体baymax中包含header（eye1,eye2,mouth），torso（heart），belly（cover），l-bigfinger,r-bigfinger，l-smallfinger，r-smallfinger，l-leg，r-leg。 阅读全文
posted @ 2017-12-28 17:02 蔸蔸猫的博客 阅读(971) 评论(0) 推荐(0) 编辑
css中的相对定位与绝对定位
摘要： 之前说过了CSS有三种基本的布局机制：普通流、浮动和绝对定位。除非专门指定，否则所有的框都在普通流中定位。而普通流中元素框的位置由元素在HTML中的位置决定。 相对定位 相对定位实际上被看做普通流定位模型中的一部分，因为它是通过设置垂直或者水平位置，让这个元素相对于它原来的位置移动。而且，虽然它从原 阅读全文
posted @ 2017-12-28 16:14 蔸蔸猫的博客 阅读(359) 评论(0) 推荐(0) 编辑
2017年12月26日
JavaScript图片库(简单的应用案例)
摘要： 这个图片库小例子的效果如图所示，点击网页上某个图片链接时你将看到两种效果：占位符图片呗替换成这个链接所指向的图片，同时描述性文字也被替换为这个链接的title属性值。 这个图片库小例子的效果如图所示，点击网页上某个图片链接时你将看到两种效果：占位符图片呗替换成这个链接所指向的图片，同时描述性文字也被 阅读全文
posted @ 2017-12-26 19:27 蔸蔸猫的博客 阅读(415) 评论(0) 推荐(0) 编辑
浮动（float）与清除浮动（clear）
摘要： 上一篇中我们了解了块级元素与内联元素，今天将自己查阅的资料整理写出来，与大家一起理解什么是浮动，以及怎样清除浮动，本文以div元素为例。 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。所以浮动也有left、right、none三种。浮动元素是脱离文档流的，漂浮在文档流 阅读全文
posted @ 2017-12-26 19:26 蔸蔸猫的博客 阅读(740) 评论(0) 推荐(0) 编辑