网上花店 网站源代码,企业vi系统,oneup wordpress,怎样提高网站的排名文章大纲来源#xff1a;【Day 5】CSS 高级 CSS 选择器CSS 拓展CSS 单位CSS 参考手册CSS 选择器 内容引用#xff1a;CSS 选择器 元素选择器 html { ... }
复制代码选择器分组 h2, p { ... }
复制代码类选择器 .important { ... }
p.warning { ... }
.important.warning { .…文章大纲来源【Day 5】CSS 高级 CSS 选择器CSS 拓展CSS 单位CSS 参考手册CSS 选择器 内容引用CSS 选择器 元素选择器 html { ... }
复制代码选择器分组 h2, p { ... }
复制代码类选择器 .important { ... }
p.warning { ... }
.important.warning { ... }
/* 选择同时拥有这两个类名的元素 */复制代码ID选择器 #intro { ... }
复制代码属性选择器 a[href] { ... }
a[href][title] { ... }
a[href...] { ... }
p[classimportant warning] { ... }
/* 完全匹配的属性内容 */
p[class~important] { ... }
/* 部分匹配的属性内容 */
复制代码后代选择器 h1 em { ... }
复制代码子元素选择器 h1 strong { ... }
复制代码相邻兄弟选择器 h1 p { ... }
复制代码伪类 CSS 伪类用于向某些选择器添加特殊的效果。 语法是selector : pseudo-class {property: value}。 a:link { color: #FF0000 } /* 未访问的链接 */
a:visited { color: #00FF00 } /* 已访问的链接 */
a:hover { color: #FF00FF } /* 鼠标移动到链接上 */
a:active { color: #0000FF } /* 选定的链接 */
p:first-child { font-weight: bold; }
复制代码CSS 拓展 内容引用CSS 高级 水平对齐 使用margin:auto水平对齐margin-left:auto;
margin-right:auto;
复制代码使用position左或右对齐position:absolute;
right:0px;
复制代码使用float左或右对齐float:right;
复制代码尺寸 height元素高度width元素宽度line-height行高max-height最大高度max-width最大宽度min-height最小高度min-width最小宽度CSS 单位 内容引用CSS 单位 相对长度 指定了一个长度相对于另一个长度的属性对于不同的设备相对长度更适用。 em相对于应用在当前元素的字体尺寸一般浏览器字体大小默认为16px则2em 32pxex依赖于英文子母小 x 的高度ch数字 0 的宽度rem根元素html的 font-sizevwviewpoint width视窗宽度1vw视窗宽度的1%vhviewpoint height视窗高度1vh视窗高度的1%绝对长度 绝对长度单位是一个固定的值它反应一个真实的物理尺寸。 绝对长度单位视输出介质而定不依赖于环境显示器、分辨率、操作系统等。 cm厘米mm毫米in英寸(1in 96px 2.54cm)px像素 (1px 1/96th of 1in)ptpoint大约1/72英寸 (1pt 1/72in)pcpica大约6pt1/6英寸 (1pc 12 pt)CSS 参考手册 使用时如果有疑问可以随时查看【CSS 参考手册】。 个人静态博客 气泡的前端日记 rheabubbles.github.io转载于:https://juejin.im/post/5c643139e51d457fa31e4c55
