CSS
关注
分享
扫一扫
文章平均质量分 62
CSS
学无止境慢慢来
每天进步一点点，活成自己羡慕的模样。
keep coding!!!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS 实现三角形.html
小三角原创 2023-09-03 20:22:56 · 195 阅读 · 0 评论 -
css_vertical-align.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css_vertical-align</title> <style> /*参考：https://www.runoob.com/cssref/pr-pos-vertical-align.html 知识点： 1.转载 2021-08-12 09:45:40 · 214 阅读 · 0 评论 -
css 选择器 element+element.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css element+element 选择器</title> <style> /*参考：https://www.w3school.c...转载 2019-12-24 17:15:13 · 293 阅读 · 0 评论 -
css 扇形.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css 扇形</title> <style> /*参考：https://blog.youkuaiyun.com/a5534789/article/details/80102048*/ * { margin: 0; .转载 2020-09-03 10:47:15 · 280 阅读 · 0 评论 -
css transform-origin 转换原点.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css transform-origin 转换原点</title> <style> /*参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-origin 知识.转载 2020-09-03 09:58:26 · 441 阅读 · 0 评论 -
css skew 倾斜.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css skew 倾斜</title> <style> /*参考： http://www.lvyestudy.com/css3/css3_9.5.aspx https://www.cnblogs.c.转载 2020-09-03 09:35:06 · 493 阅读 · 0 评论 -
css 圆形、扇形.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css 圆形、扇形</title> <style> /*参考：http://www.360doc.com/content/19/0403/13/63018409_826158109.shtml 知识点： 1.转载 2020-09-02 11:37:33 · 470 阅读 · 0 评论 -
css clip剪裁元素.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css clip剪裁元素</title> <style> * { margin: 0; padding: 0; } img { positi.转载 2020-08-05 14:39:46 · 355 阅读 · 0 评论 -
css_scrollBar滚动条.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css scrollBarStyle</title> <style> /*参考：https://www.jianshu.com/p/c...转载 2020-01-15 10:12:16 · 206 阅读 · 0 评论 -
css 元素水平垂直居中.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css 元素水平垂直居中</title> <style> /*参考：https://blog.youkuaiyun.com/weixin_4413...转载 2019-12-20 15:30:16 · 86 阅读 · 0 评论 -
css 关于 html 在不同分辨率的显示器上的协调.txt
在设置 html 的样式时，考虑不同的显示器有不同的分辨率，暂以 1920 x 1080 px 来布局。因为市面现行的 主流分辨率是这样。新显示器的分辨率可能更高。在关键（内容）部分，即，需要严丝合缝衔接的部分，建议使用像素为单位，这样衔接标准统一，在不同分辨率的显示器上的衔接效果相同。在空白部分，比如间距，可以使用百分比，这样又兼顾了整体的比例。...原创 2019-12-16 11:21:39 · 254 阅读 · 0 评论 -
css 把一张图片 img 沾满其父元素，而不产生滚动条.txt
1.background-imagebackground-image:url(image/a.jpg);background-size:contain;width: 800px;height: 450px;可以在某个块级元素内完全展示该图片，而不出现滚动条。2. positionimg.background { position: absolute; width...原创 2019-12-09 14:48:05 · 570 阅读 · 0 评论 -
css 知识点.txt
1.当把一个元素的值设为空 ""时，其值就是其默认值。实例：$("#centerDiv").css({ position: "", height: "100%", width: "100%"});原创 2019-11-28 15:01:24 · 151 阅读 · 0 评论 -
css cursor.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css cursor</title> <style> /*参考：https://www.w3school.com.cn/cssref/...转载 2019-11-25 15:55:02 · 315 阅读 · 0 评论 -
css background-image_linear-gradient().html
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css background-image_linear-gradient()</title> <style> /*参考：https://www.runoo...转载 2019-11-25 09:54:44 · 1075 阅读 · 0 评论 -
css font-weight.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css font-weight</title> <style> /*参考：https://www.w3school.com.cn/cs...转载 2019-11-23 18:03:07 · 319 阅读 · 0 评论 -
css font.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css font</title> <style> /*参考：https://www.w3school.com.cn/cssref/pr...转载 2019-11-23 17:44:05 · 122 阅读 · 0 评论 -
css font-variant.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css font-variant</title> <style> /*参考：https://www.w3school.com.cn/c...转载 2019-11-23 17:06:58 · 258 阅读 · 0 评论 -
css font-style.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css font-style</title> <style> /*参考：https://www.w3school.com.cn/css...转载 2019-11-23 16:58:04 · 154 阅读 · 0 评论 -
css border-image2.html
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css border-image2</title> <style> /*参考：https://www.runoob.com/cssref/css3-pr-...转载 2019-11-22 17:46:49 · 133 阅读 · 0 评论 -
css border-image.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css border-image</title> <style> /*参考：https://www.w3school.com.cn/c...转载 2019-11-22 17:32:53 · 165 阅读 · 0 评论 -
css box-shadow9.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css box-shadow9</title> <style> /*参考：https://blog.youkuaiyun.com/qq_44607...转载 2019-11-21 16:25:35 · 127 阅读 · 0 评论 -
css box-shadow8.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css box-shadow8</title> <style> /*参考：https://blog.youkuaiyun.com/qq_44607...转载 2019-11-21 16:22:55 · 106 阅读 · 0 评论 -
css box-shadow7.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css box-shadow7</title> <style> /*参考：https://blog.youkuaiyun.com/qq_44607...转载 2019-11-21 16:20:58 · 102 阅读 · 0 评论 -
css box-shadow6.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css box-shadow6</title> <style> /*参考：https://www.w3.org/TR/css-back...转载 2019-11-21 16:16:32 · 104 阅读 · 0 评论 -
css box-shadow5.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css box-shadow5</title> <style> /*参考：https://blog.youkuaiyun.com/qq_44607...转载 2019-11-21 16:12:16 · 103 阅读 · 0 评论 -
css box-shadow4.html
<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>css box-shadow4</title> <style> /*参考：https://blog.youkuaiyun.com/qq_44607...转载 2019-11-21 16:10:40 · 106 阅读 · 0 评论 -
css box-shadow3.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css box-shadow3</title> <style> /*参考：https://blog.youkuaiyun.com/qq_44607...转载 2019-11-21 16:08:06 · 97 阅读 · 0 评论 -
css box-shadow2.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css box-shadow2</title> <style> /*参考：https://blog.youkuaiyun.com/qq_44607...转载 2019-11-21 16:05:54 · 111 阅读 · 0 评论 -
css 背景属性 background.txt
参考：https://www.w3school.com.cn/cssref/pr_background.asp1、背景属性 1、背景颜色 属性：background-color 取值：合法的颜色值 注意：背景颜色是从边框位置处开始绘制的。 2、背景图像 属性：background-image 取值： 1、...转载 2019-11-20 14:48:02 · 176 阅读 · 0 评论 -
css_浮动定位_float_clear.txt
5、浮动定位(重难点) 1、什么是浮动定位 & 特点 将元素的定位方式设置为浮动定位的话，那么元素将具备以下几个特点： 1、浮动元素会被排除在文档流之外-脱离文档流，那么元素就不再占据页面空间 2、未浮动的元素们会上前占位 3、浮动定位的元素会停靠在父元素的左边或右边或其他已浮动元素的边缘上 4、浮动只能在当前行浮动 ...转载 2019-11-20 14:37:44 · 99 阅读 · 0 评论 -
css text-transform.html
<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>css text-transform</title> <style> /*参考：https://www.w3school.com.cn...转载 2019-11-18 11:31:36 · 157 阅读 · 0 评论 -
css :first :last.txt
:first :last，选择html文档中的第一个某元素。原创 2019-11-18 09:39:10 · 464 阅读 · 0 评论 -
css p:last-child.html
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css p:last-child</title> <style> /*参考：https://www.runoob.com/cssref/sel-last-...转载 2019-11-18 09:23:47 · 259 阅读 · 0 评论 -
css ul > :first-child.html
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css ul > :first-child</title> <style> /*参考：https://www.runoob.com/cssref/s...转载 2019-11-14 16:50:12 · 326 阅读 · 0 评论 -
css li:first-child.html
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css li:first-child</title> <style> /*参考：https://www.runoob.com/cssref/sel-fir...转载 2019-11-14 16:41:05 · 361 阅读 · 0 评论 -
css p:first-child i.html
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css p:first-child i</title> <style> /*参考：https://www.runoob.com/cssref/sel-fi...转载 2019-11-14 16:35:01 · 185 阅读 · 0 评论 -
css :first-child.html
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css :first-child</title> <style> /*参考：https://www.runoob.com/cssref/sel-first...转载 2019-11-14 16:27:17 · 183 阅读 · 0 评论 -
css transform_rotateZ(a).html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>rotateZ</title> <style> /*参考：https://developer.mozilla.org/zh-CN/do...转载 2019-10-22 17:34:24 · 245 阅读 · 0 评论 -
css transition_transform_scale()_rotate().html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>transition_transform_scale_rotate</title> <style> /*参考：https://www....转载 2019-10-22 14:58:15 · 177 阅读 · 0 评论