2017年7月18日
css 8
摘要： 1、复杂选择器 2、内容生成 3、多列 4、CSS Hack(浏览器兼容性) ******************************* 1、复杂选择器 1、兄弟选择器 1、作用 通过元素的平级关系来匹配其他元素 只能向后不能向前 2、分类 1、相邻兄弟选择器 匹配指定元素的相邻兄弟 相邻：紧紧 阅读全文
posted @ 2017-07-18 11:28 Hale.Proh 阅读(232) 评论(0) 推荐(0)
css 9
摘要： 1、复杂选择器 1、兄弟选择器 1、相邻兄弟 选择器1+选择器2 2、通用兄弟 选择器1~选择器2 2、属性选择器 语法：[] [attr]:匹配附带attr属性的元素 elem[attr]:... ... elem[attr1][attr2]: [attr=value]: [class~=valu 阅读全文
posted @ 2017-07-18 11:28 Hale.Proh 阅读(158) 评论(0) 推荐(0)
css 7
摘要： 1、浮动 1、定位 普通流定位(文档流定位) 浮动定位 相对定位 绝对定位 固定定位 2、浮动定位 1、特征 1、脱离文档流-不占据页面空间,后续元素上前补位 2、会停靠父元素的左边或右边，或者停靠在其他平级已浮动元素边缘上 3、依然包含在父元素内 4、让多个块级元素在一行内显示 2、语法 属性：f 阅读全文
posted @ 2017-07-18 11:27 Hale.Proh 阅读(190) 评论(0) 推荐(0)
css 4
摘要： 1、边框 1、边框倒角 border-radius 取值： 1、px 2、% 2、边框阴影 box-shadow 取值： h-shadow:水平位置 v-shadow:垂直位置 blur : 模糊距离 spread ：大小 color ：颜色 inset ：值，内阴影 3、轮廓 outline:wi 阅读全文
posted @ 2017-07-18 11:26 Hale.Proh 阅读(239) 评论(0) 推荐(0)
css 5
摘要： 1、渐变 1、线性渐变 background-image:linear-gradient(angle,color-point,color-point); ex: background-image:linear-gradient(to bottom,#f9f9f9,#cdcdcd); 2、径向渐变 b 阅读全文
posted @ 2017-07-18 11:26 Hale.Proh 阅读(345) 评论(0) 推荐(0)
css 3
摘要： 1、CSS样式表使用方式 1、内联方式 <ANY style="样式声明"> 2、内部样式表 <head> <style> 样式规则 样式规则 ... ... </style> </head> 3、外部样式表 1、创建 **.css 文件 2、<link rel="stylesheet" href= 阅读全文
posted @ 2017-07-18 11:25 Hale.Proh 阅读(181) 评论(0) 推荐(0)
css 1
摘要： 1、图像和链接 1、URL 地址 1、分类 1、绝对路径 1、引用互联网资源 协议名 主机名(IP地址，域名) 目录路径 文件名 2、本机文件 从文件所在的最高目录处(盘符)开始 2、相对路径 通过 文件间的位置关系 找到资源文件 1、同目录，直接用 2、子目录，先进入 3、父目录，先返回(../) 阅读全文
posted @ 2017-07-18 11:24 Hale.Proh 阅读(127) 评论(0) 推荐(0)
css 2
摘要： 1、列表 1、有序 <ol></ol> <li></li> 属性： 1、type 2、start 2、无序 <ul></ul> <li></li> 属性： 1、type 取值： circle square disc(默认) none 3、定义列表 <dl> <dt></dt> <dd></dd> < 阅读全文
posted @ 2017-07-18 11:24 Hale.Proh 阅读(288) 评论(0) 推荐(0)
html 1
摘要： 1、内容 1、HTML5基础 2、CSS3基础 4、CSS3高级 6、JAVASCRIPT基础 1、WEB基础知识(了解) 1、WEB与Internet 1、Internet 全球性计算机互联网络 因特网、国际互联网、网际网 2、Intenet提供的服务 Email:电子邮件 WWW:万维网 www 阅读全文
posted @ 2017-07-18 11:23 Hale.Proh 阅读(203) 评论(0) 推荐(0)
css 6
摘要： 1、复杂选择器 1、兄弟选择器 1、相邻兄弟 选择器1+选择器2 2、通用兄弟 选择器1~选择器2 2、属性选择器 语法：[] [attr]:匹配附带attr属性的元素 elem[attr]:... ... elem[attr1][attr2]: [attr=value]: [class~=valu 阅读全文
posted @ 2017-07-18 11:19 Hale.Proh 阅读(231) 评论(0) 推荐(0)