随笔分类 - HTML
摘要:文档流 文档流分为正常文档流和脱离文档流 正常文档流的规则为各类元素从上往下,从左往右排列,而脱离文档流即可无视此规则 浮动float 当元素a浮动时,处于元素a下方的元素b就会紧贴上来 float:取值; 属性值说明 left 元素向左浮动 right 元素向右浮动 清除浮动clear clear
阅读全文
摘要:css盒子模型的组成 属性说明 content 内容框 padding 内边框 border 边框 margin 外边框 宽和高 指的是边框即边框以内的高宽 width:像素值;height:像素值; 当你想给行元素设置高宽时,要加上 display:inline-block;//将行元素转换为块元
阅读全文
摘要:背景 纯色背景background-color 定义页面背景 dody{ background-color:red;} 定义元素背景 div{ background-color:#000FFF;}P{ color:blue;(文字为蓝色,背景为红色) background-color:red;} 图
阅读全文
摘要:表格 标题位置擦caption-side 属性值说明 top 顶部(默认) botton 底部 语法: table{ caption-side:botton;} 表格边框 合并border-collapse 属性值说明 separate 有空隙(默认) collapse 无空隙 table{ bor
阅读全文
摘要:边框border 宽 border-width 外观 border-style 属性值说明 none 无样式 dashed 虚线 sollid 实线(默认) 颜色 border-color 简写形式 border:1px solid red;等于border-width: 1px;border-st
阅读全文
摘要:字体 类型(font-family) 当第一个字体类型无法显示时,编译器才会用第二种 元素名{font-family:字体1,字体2,字体3……;} 大小(font-size) 元素名{font-size:像素值(px);} 粗细(font-weight) 属性值数字值说明 lighter 100
阅读全文
摘要:学前须知 块元素 指的是里面可以嵌套其他标签的元素 如:h1~h6 , p , div(接下来会经常用到) , ol , ul…… 行内元素 合理的使用行内元素会为css的引入带来极大的便利 如: 行内元素说明 strong 粗体元素 em 斜体元素 a 超链接 span(接下来会超级常用) CSS
阅读全文
摘要:表单 form标签 表单标签,每一对代表一个表单 name 表单名称 method 必填项,提交方式,默认post即可 action 提交地址 target 打开方式,与 a 标签的target属性一样,一般默认_blank即可 enctype 编码方式,一般情况不需要进行设置 <form meth
阅读全文
摘要:图像与标签 图像标签img src和alt两项必填 <!--img标签src:图片地址分为相对地址和绝对地址相对地址指的是这个项目内的地址(推荐)绝对地址指的是计算机内的地址alt:图片IDtitle:悬停文字width:图片的宽height:图片的高--><img src="c/**/**……"
阅读全文
摘要:列表 有序列表ol <ol type="属性值"> <li>墨隐好帅</li> <li>阿巴阿巴</li> <li>墨隐好帅</li> <li>阿巴阿巴</li></ol> 无序列表ul <ul type="属性值"> <li>墨隐好帅</li> <li>阿巴阿巴</li> <li>墨隐好帅</li
阅读全文
摘要:<!DOCTYPE html><!--文档声明--><html><!--文档标准--> <head><!--页头--> <meta charset="UTF-8"><!--告诉浏览器使用的编码,如果打开网站是乱码,很有可能就是没有加上这句话--> <title>****</title><!--网页标
阅读全文