上一页 1 ··· 3 4 5 6 7 8 9 下一页
摘要: 一、旧版弹性盒模型 1、display:box 说明:(必须加前缀)设置弹性盒使用如下属性,必须在父代设置display:box; 2、box-orient 说明:在父级上设置该属性,则子代按水平排列或竖直排列 注:所有主流浏览器不支持该属性,必须加上前缀 1)horizontal 水平排列,子代总 阅读全文
posted @ 2019-01-11 21:03 元哥0317 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 一、HTML+CSS代码实现三角形 (一)transparent透明属性实现代码编写三角 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <style type="text/css" 阅读全文
posted @ 2019-01-11 20:53 元哥0317 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 一、CSS3基础 (一)css3概念及优势 概念:CSS3是css技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文 阅读全文
posted @ 2019-01-10 20:10 元哥0317 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 一、盒模型 (一)盒模型概念: 盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系,css定义所有的元素都可以像盒子一样的外形和平面空间,即包含内容区、填充区(padding)、边框(border)、边界(margin),这就是盒模型。 1.填充(padding):padding是 阅读全文
posted @ 2019-01-10 15:01 元哥0317 阅读(1407) 评论(0) 推荐(0) 编辑
摘要: 一、渐进增强 渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 二、优雅降级 优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏 阅读全文
posted @ 2019-01-10 13:32 元哥0317 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 一、css选择符: 概念:选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者是指定名称的元素。 1.css选择符包括四大类:类型选择符、id选择符、class类型选择符、特殊选择符 (1)类型选择符: 语法:元素名称{属性:属性值;} 说明:类型选择符就是以文档语言对象类型作为选择符, 阅读全文
posted @ 2019-01-10 13:31 元哥0317 阅读(253) 评论(0) 推荐(0) 编辑
摘要: 一、层级选择器 1.E>F子选择器:选择匹配的F元素,且匹配的F元素所匹配的E元素的子元素 2.E+F相邻兄弟选择器:选择匹配的F元素,且匹配的F元素紧位于匹配的E元素的后面 3.E~F通用选择器:选择匹配的F元素,且位于匹配的E元素后的所有匹配的F元素 二、属性选择器 1.E[attr]:只使用属 阅读全文
posted @ 2019-01-10 13:31 元哥0317 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 一、CSS文档统筹 (一)网页自身的优化 (二)CSS规范 1、命名方法(语义化命名,结构化命名) ID:结构化 header footer class: .border0 . red: .font12 .clear 2、CSS命名规则 1)建议使用小写字母 2)以英文字母开头,后面可以连接数字、字 阅读全文
posted @ 2019-01-09 19:40 元哥0317 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 一、HTML5新增输入类型 1.新增type类型 Type=“number” 专门用来输入数字的文本框 Type=“email” 限制用户必须输入email类型 “@” Type=“url” 限制用户必须输入url类型 “http://” Type=“range” 产生一个滑动条表单 Type=“s 阅读全文
posted @ 2019-01-09 19:40 元哥0317 阅读(987) 评论(0) 推荐(1) 编辑
摘要: 一、HTML表单 1.表单的作用:用来收集用户信息 2.表单域(表单域内写的都是表单元素) (1)表单域标签: <form method="post/get(传输方式)" action="相对路径"></form> 扩展知识点:post和get的区别: 1)get是从服务器上获取数据,post是想服 阅读全文
posted @ 2019-01-09 19:13 元哥0317 阅读(245) 评论(0) 推荐(0) 编辑
上一页 1 ··· 3 4 5 6 7 8 9 下一页