字符串
摘要：
// 1、增 // concat() var string2 = string1.concat('ldq'); console.log(string2); //guoJunQiangldq // 删除 // slice(start,end) console.log(string1.slice(0, 阅读全文
posted @ 2020-08-27 21:12 cx125 阅读(77) 评论(0) 推荐(0)
媒体查询
摘要：
响应式 Web 设计 - 媒体查询 @media 响应式 Web 设计 - 媒体查询 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是需要设置设计响应式的页面 媒体类型 all 用于所有设备 print 用于打印机和打印预览 screen 用于电脑屏幕，平板电脑，智能手机等。 speech 阅读全文
posted @ 2020-08-22 20:34 cx125 阅读(132) 评论(0) 推荐(0)
CSS多列布局
摘要：
(1) 、CSS3 多列属性 属性 描述 column-count 指定元素应该被分割的列数。 column-fill 指定如何填充列 column-gap 指定列与列之间的间隙 column-rule 所有 column-rule-* 属性的简写 column-rule-color 指定两列间边框 阅读全文
posted @ 2020-08-21 21:10 cx125 阅读(170) 评论(0) 推荐(0)
CSS转换
摘要：
知识点一：css3 2D转换 1、定义： CSS3转换可以对元素进行移动、缩放、转动、拉长或拉伸。转换的效果是让某个元素改变形状，大小和位置。 2D变换方法：translate()、rotate()、scale()、skew()、matrix()它们都在transform属性中 2、translat 阅读全文
posted @ 2020-08-21 21:06 cx125 阅读(155) 评论(0) 推荐(0)
响应式布局
摘要：
CSS3响应式布局 响应式布局的优点 响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。优点：面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点：兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折中性质的设计解决方案，多方面因素 阅读全文
posted @ 2020-08-21 21:03 cx125 阅读(125) 评论(0) 推荐(0)
CSS3过渡
摘要：
(1) 、它是如何工作？ CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容： 1、指定要添加效果的CSS属性 2、指定效果的持续时间。 div { transition: width 2s; -webkit-transition: width 2s; /* Saf 阅读全文
posted @ 2020-08-20 20:48 cx125 阅读(130) 评论(0) 推荐(0)
CSS3背景
摘要：
(1) 、background-image属性 CSS3中可以通过background-image属性添加背景图片。 不同的背景图像和图像用逗号隔开，所有的图片中显示在最顶端的为第一张。 #example1 { background-image: url(img_flwr.gif), url(pap 阅读全文
posted @ 2020-08-20 20:43 cx125 阅读(92) 评论(0) 推荐(0)
CSS渐变
摘要：
(1)、什么是渐变: CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 (2)、CSS3渐变的分类 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向 径向渐变（radial-gradient）- 由它们的中心定义 (3) 、CSS 阅读全文
posted @ 2020-08-20 20:39 cx125 阅读(224) 评论(0) 推荐(0)
CSS3选择器
摘要：
1、属性选择器 [attribute] [target] 选择所有带有target属性元素 [attribute=value] [target=-blank] 选择所有使用target="-blank"的元素 [attribute^=value] a[src^="https"] 选择每一个src属性 阅读全文
posted @ 2020-08-19 22:08 cx125 阅读(167) 评论(0) 推荐(1)
浙公网安备 33010602011771号