随笔分类 -  HTML + CSS

Web前端开发之HTML+CSS基础入门
DIV+CSS布局
摘要：1.div和span （1）div和span在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式 （2）div和span的区别在于，span是内联元素，div是块级元素 2.盒模型 margin 盒子外边距 padding 盒子内边距 border 盒子边框宽度 width 盒子宽度 阅读全文
posted @ 2019-08-15 12:05 木子呆头 阅读(696) 评论(0) 推荐(0)
CSS-常见属性
摘要：1.颜色属性 color属性定义文本的颜色，有4种格式： （1）color:green （2）color:#ff6600 简写式：color:#f60 （3）color:rgb(255,255,255) 红（R），绿（G），蓝（B）每个取值范围都是0~255 （4）color:rgba(255,25 阅读全文
posted @ 2019-08-09 18:22 木子呆头 阅读(286) 评论(0) 推荐(0)
CSS-定义样式表
摘要：1.HTML标记定义 注：p可以叫做选择器，定义那个标记中的内容执行其中的样式。一个选择器可以控制若干个样式属性，他们之间需要用英文的分号隔开，最后一个可以不加分号。 示例代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>定义CSS样式（CSS选择器） 阅读全文
posted @ 2019-08-09 12:08 木子呆头 阅读(1615) 评论(0) 推荐(0)
CSS-使用CSS样式的方式
摘要：1.HTML<!DOCTYPE>声明标签 （1）定义和用法 <!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前。 <!DOCTYPE>声明不是HTML标签；它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。 在HTNL4.01中，<!DOCTYPE>声明引用D 阅读全文
posted @ 2019-08-08 15:22 木子呆头 阅读(262) 评论(0) 推荐(0)
HTML表单设计
摘要：1.表单标记——<form>...</form> （1）<form></form>定义表单的开始位置和结束位置，表单提交时的内容就是<form>表单的内容 （2）基本格式 （3）常用属性 name属性 表单名称 method属性 传送数据的方式，分post和get方式 get方式：get方式提交时， 阅读全文
posted @ 2019-08-07 14:32 木子呆头 阅读(4205) 评论(1) 推荐(0)
HTML框架
摘要：1.什么是框架？ 框架将浏览器划分为不同的部分，每一部分加载不同的网页，实现再同意浏览器窗口中加载多个页面的效果。 2.<frameset>划分框架标记 （1）语法格式： （2）属性 cols：使用“像素数”和%分割左右窗口，“*表示剩余部分” 如果使用“*”，“*”表示框架平均分成2个 如果使用“ 阅读全文
posted @ 2019-08-06 19:29 木子呆头 阅读(1376) 评论(0) 推荐(0)
HTML表格
摘要：1.<table>标记、 （1）基本格式： （2）属性： width属性：表示表格的高度，它的值可以是像素（px）也可以是父级元素的百分比（%） height属性：表示表格的宽度，它的值可以是像素（px）也可以是父级元素的百分比（%） border属性：表示表格外边框的宽度 align属性：表格的显 阅读全文
posted @ 2019-08-04 12:37 木子呆头 阅读(213) 评论(0) 推荐(0)
HTML超链接的使用
摘要：1.基本语法 2.基本属性 （1）href属性 链接的地址，链接的地址可以是一个网页，也可以是一个视频、图片、音乐等等 （2）target属性 作用：定义超链接打开的方式 属性值： _blank 在一个新的窗口中打开链接 _self（默认值） 在当前窗口中打开链接 _parent 在父窗口中打开页面 阅读全文
posted @ 2019-08-03 09:12 木子呆头 阅读(764) 评论(0) 推荐(0)
HTML图像标记
摘要：<img> 图像标记 1.使用方法： 2.注意： （1）<img>为单标记，不需要使用</img>闭合。 （2）在加载图像文件的时候，文件的路径或者文件名文件格式错误，将无法加载图片。 3.<img>标记属性： src属性：指定要加载的图片的路径和图片的名称以及图片格式 width属性：指定图片的宽 阅读全文
posted @ 2019-08-02 15:17 木子呆头 阅读(1242) 评论(0) 推荐(0)
HTML的文档设置标记
摘要：1.格式标记 <br/> 强制换行标记 <p> 换段落标记 换段落，由于多个空格和回车在HTML中会被等效为一个空格，所以HTML中要换段落就要用<p>，<p>段落中也可以包含<p>段落! <center> 居中对齐标记 <pre> 预格式化标记 保留预先编排好的格式 <li> 列表项目标记 每个列 阅读全文
posted @ 2019-08-02 14:36 木子呆头 阅读(659) 评论(0) 推荐(0)
HTML的基本结构
摘要：1.<html>内容</html> 解释：HTML文档的文档标记，也称为HTML开始标记。 功能：这对标记分别位于网页的最前端和最后端,<html>在最前端表示网页的开始，</html>在最后端表示网页的结束。 2.<head>内容</head> 解释：HTML文件头标记，也称为HTML头信息开始标 阅读全文
posted @ 2019-08-01 16:43 木子呆头 阅读(549) 评论(0) 推荐(0)
HTML语法
摘要：1.什么是HTML标记语言？ 表示网页信息的符号标记语言，特点如下： 可以设置文本的格式，比如标题、字号、文本颜色、段落等等 可以创建列表 可以插入图像和媒体 可以建立表格 超链接，可以使用鼠标点击超链接来实现页面之间的跳转 2.HTML的标记和他的属性 （1）HTML文档的保存格式： .html 阅读全文
posted @ 2019-08-01 14:11 木子呆头 阅读(216) 评论(0) 推荐(0)