css
victor_wk
JavaServer
展开
-
前端学记之CSS-引入方式、语法、浏览器私有属性等
引入方式外部样式表<link rel="stylesheet" href="../css/test.css">内部样式表<style> body{ background-color: red; } p{ margin-left: 20px; }</style>内嵌样式表<p原创 2017-12-22 16:41:59 · 258 阅读 · 0 评论 -
前端学记之CSS-选择器
选择器分类:简单选择器伪元素选择器组合选择器1、简单选择器:标签、类选择器、id选择器、通配符选择器p{//标签选择器 color: red; }.pic{//类选择器 color: red;}#id{//id选择器 color: black;}*{//通配符选择器 color: red;}属性选择器[attr]{//属性选择器原创 2017-12-22 17:38:37 · 209 阅读 · 0 评论 -
前端学记之CSS-继承、优先级、层叠
可继承属性:颜色、字体属性color: red;font: "";text-align: center;list-style: circle;....不可继承属性:背景、边框、位置属性background: center;border: 100px;position: absolute;....CSS优先级行内样式id选择器类、伪类和属性选择器标签、伪元素选择器CSS层叠属原创 2017-12-22 17:54:32 · 170 阅读 · 0 评论 -
前端学记之CSS-文本
1、文本样式类.txt{ /*改变文字大小*/ font-size: 12px; /*字体*/ font-family: "Courier New"; /*字体加粗*/ font-weight: bold; /*斜体*/ font-style: italic; /*行高*/ line-height: 40px;原创 2017-12-23 12:50:09 · 186 阅读 · 0 评论 -
前端学记之CSS-背景
CSS背景.txt{ /*背景颜色*/ background-color: #888888; /*背景图片*/ background-image: url("../h5/cat.png"),url("../h5/cat.png"); /*以上俩同时存在,颜色在最后一层*/ /*平铺*/ background-repeat: no-repeat;原创 2017-12-23 18:05:05 · 223 阅读 · 0 评论 -
前端学记CSS-显示、布局
1、display显示设置控件显示方式 display: block;默认值,设置元素为块级元素可设置宽高换行显示 display: inline;默认宽度为内容宽度不可设置宽高同行显示,内容超出时,内容换行 display: inline-block;默认宽度为内容宽度可设置宽高同行显示,内容超出时,整块换行 display: none;设置元素不显示2、布局可分为三大布局原创 2017-12-26 11:48:42 · 198 阅读 · 0 评论 -
前端学记CSS-变形、动画
变形1、变形-2d//顺时针方向旋转40度transform: rotate(40deg);//移动50pxtransform: translate(50px,50px);//缩放transform: scale(1.3);//倾斜度数transform: skew(10deg);//设置轴心,变形基点transform-origin: center;2、变形-3d//透视效果p原创 2017-12-26 14:58:50 · 168 阅读 · 0 评论