盒子居中

摘要: 水平居中 盒子设置宽度并将margin属性设为margin:0 auto 水平垂直居中 (1)确定容器的宽高 宽500 高 300 的层 设置层的外边距 (2)未知容器的宽高,利用 `transform` 属性 (3)利用 flex 布局 实际使用时应考虑兼容性 阅读全文
posted @ 2017-03-18 14:23 公子小苏 阅读(203) 评论(0) 推荐(0) 编辑

CSS3新增的伪类

摘要: Element1 ~ element2:选择前面有element1的所有element2元素 [attr ^= val] 属性值以val开头的元素 [attr $= val] 属性值以val结尾的元素 [attr *= val] 属性值包含val的元素 element:first-of-type: 阅读全文
posted @ 2017-03-18 13:54 公子小苏 阅读(4913) 评论(0) 推荐(0) 编辑

CSS如何计算优先级?如何计算权重?

摘要: (1) 优先级就近原则,同权重以最近者为准 载入样式以最后载入的样式为准; 同权重下:内联样式表(标签内部) > 嵌入样式表(当前文件) > 外部样式表(外部文件) !import > id > class > tag Import比内联样式优先级高 层叠重要度次序: 带有important的用户样 阅读全文
posted @ 2017-03-18 13:51 公子小苏 阅读(1496) 评论(0) 推荐(0) 编辑

CSS是什么?W3C是什么?W3C盒子与IE盒子的区别?

摘要: (1)层叠样式(Cascading Style Sheets, CSS)是用来表现HTML或XML文本样式的语言。 (2)W3C推荐规范(World Wide Web Consortium,W3C Recommendation)是网页规范。 这些规范描述了 Web 的通信协议(比如 HTML 和 X 阅读全文
posted @ 2017-03-18 13:47 公子小苏 阅读(425) 评论(0) 推荐(0) 编辑

跨域技术

摘要: 1.CORS 1.CORS 使用自定义http头部让浏览器与服务器沟通,从而确定请求和响应是成功还是失败 IE浏览器 支持XDomainRequest( )构造函数 只能实现异步功能,没有state属性,只能通过onload事件判定响应是否有效。 特点: 不能请求和发送cookie 不能访问头部信息 阅读全文
posted @ 2017-03-13 16:09 公子小苏 阅读(177) 评论(0) 推荐(0) 编辑

创建Ajax

摘要: Ajax的全称是Asynchronous javascript and XML = 异步传输 + JS + XML 不需要刷新页面就可以获取新的数据 创建步骤: (1)创建XML对象也就是创建一个异步调用对象 (2)创建一个新的http请求,请求方式、URL地址、同步/异步 (3)设置http响应状 阅读全文
posted @ 2017-03-13 10:36 公子小苏 阅读(174) 评论(0) 推荐(0) 编辑

CSS之边距合并

摘要: 外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 情况1:当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并 情况2:当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开) 阅读全文
posted @ 2017-03-11 21:43 公子小苏 阅读(316) 评论(0) 推荐(0) 编辑

CSS之边框

摘要: 图片制作圆角框 固定宽度圆角框 顶部圆角图片应用于div的第一个子元素顶部,底部圆角图片应用于div框的底部 自适应高度的固定宽度圆角框 div有一个重复的背景,将顶部圆角图片应用于div的第一个子元素,底部圆角图片应用于最后一个子元素的底部 自适应高度的固定宽度圆角框 将圆角框的四个角与四个元素相 阅读全文
posted @ 2017-03-11 21:06 公子小苏 阅读(174) 评论(0) 推荐(0) 编辑

CSS之background

摘要: 背景颜色 background-color:颜色值 图片背景 background-image: url(相对地址) 多张背景图片:Background-image同时加入图片地址,并使用background-position设置背景位置 background-repeat: repeat /rep 阅读全文
posted @ 2017-03-11 16:52 公子小苏 阅读(240) 评论(0) 推荐(0) 编辑

CSS之选择器

摘要: 常用选择器 元素选择器 元素名{} 后代选择器 两元素之间是空格表示 精确定位 类选择器 . ,ID选择器 # 伪类选择器 需要对文档结构之外的其他条件对元素应用样式。 链接伪类 元素名/类名:link、:visited  动态伪类 元素名/类名:active、:hover、:focuse,对于不 阅读全文
posted @ 2017-03-10 19:50 公子小苏 阅读(150) 评论(0) 推荐(0) 编辑