博客园

随笔分类 -  HTML/CSS/JS

HTML5新增表单验证
摘要：HTML5新增属性: 属性 描述 placeholder 提供一种提示,输入域为空时显示,获得焦点输入内容后消失 required 规定输入域不能为空 pattern 规定验证input域的模式(正则表达式) 示例: <input type=”text” id=”uName” placeholder 阅读全文
posted @ 2017-12-04 19:12 CosmosRay 阅读(1531) 评论(0) 推荐(0)
CSS3网页动画
摘要：CSS3网页动画 概要：CSS3变形是一些效果的集合 如：平移、旋转、缩放、倾斜效果 每个效果都可以称为变形（transform）他们可以分别操控元素发生平移、旋转、缩放、倾斜等变化。 网页中能够实现的动画：动态图、flash、JavaScript 1.transform:[transform-fu 阅读全文
posted @ 2017-09-21 22:57 CosmosRay 阅读(187) 评论(0) 推荐(0)
CSS定位网页中的元素
摘要：relative相对定位 偏移设置：left、right、top、bottom 值单位：px 元素的规律： 相对定位元素的规律 设置相对定位的盒子会相对它原来的位置通过指定偏移，到达新的位置。 设置相对定位的盒子仍在标准文档流中，它对父级盒子和相邻的盒子都没有任何影响 设置相对定位的盒子原来的位置会 阅读全文
posted @ 2017-09-20 16:30 CosmosRay 阅读(765) 评论(0) 推荐(0)
CSS网页布局
摘要：注：优化样式表：增加css样式表的可读性 减伤样式重复 一.主要内容 1.布局分类;131 121 2.display属性排版 3.float属性排版（横向多列布局） 4.防止父类盒子塌陷 二.标准文档流： a>组成 块级元素（block） 内联元素（inline） b>display属性值：blo 阅读全文
posted @ 2017-09-19 22:42 CosmosRay 阅读(304) 评论(0) 推荐(0)
HTML5学习路线导航
摘要：一.基本标签元素 1.基础标签第一篇 2.基础标签第二篇 3.表单form的使用 4.新增表单验证 二.CSS样式表 4.CSS插入样式表的三种格式 5.六大选择器 6.样式内容详细讲解 7.背景渐进色 8.盒子的使用 9.CSS网页布局 10.网页中定位元素位置 11.CSS3网页动画 阅读全文
posted @ 2017-09-18 23:10 CosmosRay 阅读(335) 评论(0) 推荐(0)
HTML5-盒子的使用
摘要：一. border-color border-width border-style 属性用法遵循顺时针顺序。 border-top- border-left- border-bottom- border-right- a>border-width:值； thin medium thick b>bor 阅读全文
posted @ 2017-09-18 22:42 CosmosRay 阅读(2688) 评论(0) 推荐(0)
HTML-CSS背景渐进色
摘要：一.分类 a>线性渐变：颜色沿着一条直线过度：从 左到右、从上到下等； b>径向渐变：圆形或椭圆形渐变，颜色不再沿着一条直线变化，而是从一个起点朝所有方向混合。 1.线性渐变语法： 阅读全文
posted @ 2017-09-18 22:20 CosmosRay 阅读(1193) 评论(0) 推荐(0)
CSS样式内容
摘要：CSS代码规范：尽量不要在标签内使用样式代码。 .css文档内部声明不换行可以节省内存。 谨记： 常犯的错误是.html文档和.css样式表都写好了，但总会忘记插入样式表。 1.字体的样式 ​ 2.文本属性 vertical-align:middle/top/bottom; 注明属性text-ali 阅读全文
posted @ 2017-09-16 21:12 CosmosRay 阅读(211) 评论(0) 推荐(0)
CSS的六大选择器
摘要：选择器：选择器是一种模式，用于选择需要添加样式的元素。 首先简述六大选择器 基本选择器 标签选择器 类选择器 ID选择器 高级选择器 层次选择器 结构伪类选择器 属性选择器 其中基本选择器与层次选择器较为常用。 一.基本选择器 1.标签选择器 使用HTML标签来设置标签内的图文样式。 2.类选择器 阅读全文
posted @ 2017-09-16 15:12 CosmosRay 阅读(1655) 评论(0) 推荐(0)
CSS三种插入样式表格式
摘要：首先简单理解浏览器与网页的交互过程 CSS样式表（stylesheet） cascading style sheet 级联样式表 表现HTML或XHTML文件样式的计算机语言：包含对字体、颜色、边距、高度、背景图片、网页定位等设定 css优势：内容于表现分离 网页的表现统一，容易修改 丰富的样式，使 阅读全文
posted @ 2017-09-16 13:08 CosmosRay 阅读(773) 评论(0) 推荐(0)
HTML5表单_form
摘要：原则：能让用户选择的决不填写，增加用户体验 表单（form）元素格式 指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image和button，默认值为text 2.表单(form) 3.文本框填写text <input t 阅读全文
posted @ 2017-09-13 22:03 CosmosRay 阅读(5315) 评论(0) 推荐(1)
HTML第二篇
摘要：1>压缩文件格式：使用.zip格式较好 2>charset（字符集） 国内最新字符集格式为:gb18030 国际上通用的字符集是:UTF-8 3>添加图片 4>path路径： 绝对路径:指文件在硬盘上真是存在的路径。 eg: <body backround="E:\book\网页布局\代码\第2章\ 阅读全文
posted @ 2017-09-12 22:08 CosmosRay 阅读(261) 评论(0) 推荐(0)
HTML第一篇
摘要：Hyper Text Markup Language 超文本标记语言：是一种创建网页的标准标记语言。 注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。 阅读全文
posted @ 2017-09-12 21:56 CosmosRay 阅读(226) 评论(0) 推荐(0)