随笔分类 -  html+css

CSS div和css布局
摘要：一.div和span DIV和SPAN在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式 DIV和span的区别在于，span是内联元素，div是块级元素。div占用整行，span只会占用内容大小的部分。div可以改变size，span不可以改变size 二.盒模型 margin 阅读全文
posted @ 2018-11-21 16:24 _chy 阅读(695) 评论(1) 推荐(0)
CSS常见属性
摘要：一、颜色属性 color属性定义文本的颜色 color：green color：#ff6600 color：#f60 简写式 color：rgb（255，255，255） 红（R）、绿（G）、蓝（B）每个的取值范围0~255 color：rgba（255，255，255，1） a表示色彩的透明度，范 阅读全文
posted @ 2018-11-21 14:19 _chy 阅读(324) 评论(0) 推荐(1)
CSS选择器
摘要：HTML标记定义 <p>...</p> p { 属性:属性值 ; 属性1:属性值1 } p可以叫做选择器，定义那个标记中的内容执行其中的样式 一个选择器可以控制若干个样式属性，他们之间需要用英语的“;”隔开，最后一个可以不加; Class定义 <p class="oijwd">...</p> cla 阅读全文
posted @ 2018-11-19 17:08 _chy 阅读(204) 评论(0) 推荐(0)
CSS入门使用
摘要：声明标签 HTML <!DOCTYPE> 内链样式表 <body style="background-color:green;margin:0;padding:0;"></body> 嵌入式样式表 <style type="text/css"></style> 需要将样式放在<head></head 阅读全文
posted @ 2018-11-19 16:45 _chy 阅读(140) 评论(0) 推荐(0)
HTML表单设计
摘要：一、表单标记 <form>...</form> <form></form>定义表单的开始位置和结束位置，表单提交时的内容就是<form>表单中的内容 基本格式： <form action=“服务器端地址（接受表单内容的地址）” name=“表单名称” method=“post|get”>...</f 阅读全文
posted @ 2018-11-19 16:04 _chy 阅读(3242) 评论(0) 推荐(0)
HTML框架
摘要：框架 框架将浏览器划分成不同的部分，每一部分加载不同的网页，实现在同一浏览器窗口中加载多个页面的效果 <frameset>划分框架标记 语法格式： <frameset>...</frameset> 属性： cols 使用“像素数”和%分割左右窗口，“*”表示剩余部分 如果使用“*”，“*”表示框架平 阅读全文
posted @ 2018-11-19 15:10 _chy 阅读(209) 评论(0) 推荐(0)
HTML实例之简单的网页布局
摘要：需求： 阅读全文
posted @ 2018-11-18 23:22 _chy 阅读(2747) 评论(0) 推荐(0)
HTML表格的基本结构标记
摘要：<table>标记 1.基本格式：<table 属性1="属性值1" 属性2="属性值2" ... ...>表格内容</table> 2.table标记的属性 width属性 表示表格的宽度，他的值可以是像素（px）也可以是父级元素的百分比（%） height属性 表示表格的高度，他的值可以是像素（ 阅读全文
posted @ 2018-11-18 23:18 _chy 阅读(6921) 评论(0) 推荐(0)
HTML超链接的使用
摘要：基本语法 <a href="" target="打开方式" name="页面锚点名称">链接文字或图片</a> 属性 1.href属性 链接的地址，链接的地址可以是一个网页，也可以是一个视频、图片、音乐等 2.target属性 作用： 定义超链接的打开方式 属性值： • _blank 在一个新的窗口 阅读全文
posted @ 2018-11-09 15:13 _chy 阅读(572) 评论(1) 推荐(1)
HTML图像标记
摘要：1.使用方法 <img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值"> 2.注意 <img>为单标记，不需要使用</img>闭合 在加载图像文件的时候，文件的路径或者文件名文件格式错误，将无法加载图片 3.<img 阅读全文
posted @ 2018-11-08 22:55 _chy 阅读(898) 评论(0) 推荐(0)
HTML文档设置标记
摘要：格式标记 1.<br> 强制换行标记，让后面的文字、图片、表格等，显示在下一行。单标记 2.<p> 换段落标记，换段落是由于多个空格和回车在HTML中会被等效为一个空格，所以HTML中要换段落就要用到<p>，<p>段落中也可以包含<p>段落 3.<center> 居中对齐标记，让段落或者文字相对于父 阅读全文
posted @ 2018-11-07 22:23 _chy 阅读(819) 评论(0) 推荐(1)
HTML的基础结构
摘要：<html>内容</html> 解释：HTML文档的文档标记，也称为HTML开始标记 功能：这对标记分别位于网页的最前端和最后端 <head>内容</head> 解释：HTML文件头标记，也称为HTML头信息开始标记 功能：用来包含文件的基本信息，比如网页的标题、关键字，在<head></head> 阅读全文
posted @ 2018-11-06 23:23 _chy 阅读(466) 评论(0) 推荐(0)
HTML的语法
摘要：什么是HTML标记语言 表示网页信息的符号标记语言 特点 1.可以设置文本的格式，比如标题、字号、文本颜色、段落等 2.可以创建列表 3.可以插入图像和媒体 4.可以建立表格 5.超链接，可以使用鼠标点击超链接来实现页面之间的跳转 标记 • HTML文档的保存格式 .html .htm .xhtml 阅读全文
posted @ 2018-11-06 22:16 _chy 阅读(167) 评论(0) 推荐(0)