Css3学习笔记
关注
分享
扫一扫
该部分内容为学习Css时候的笔记，包含的内容非常实用。
美任INDEX
用十万行代码给生活写首小诗。
展开
-
19.Css——多列
Css多列column-count: 3; 将内容一共分为三行column-width：35px；列宽度column-gap: 100px; 列与列之间的间隙column-rule: 10px outset green; 分割线的样式，宽度，显示方式以及颜色...原创 2020-03-25 20:13:53 · 195 阅读 · 0 评论 -
18.Css——动画
Css动画<style type="text/css">p{ width:100px; height:100px; background-color:green;}p:hover{ animation-duration:1s; animation-delay:200ms; ...原创 2020-03-25 20:12:17 · 203 阅读 · 1 评论 -
17.Css——过渡
Css过渡具体用法如下：<style type="text/css">p{ width:100px; height:100px; ...原创 2020-03-25 20:07:23 · 244 阅读 · 1 评论 -
16.Css——实现2D、3D转换
2D、3D转换 属性 具体用法 使用含义 2D translate() transform:translate(1px,2px) 括号里的内容分别代表距离x轴和y轴的距离 rotate() ...原创 2020-03-25 19:59:12 · 181 阅读 · 0 评论 -
15.Css——一些常见属性及巧设导航栏
一些常见属性及巧设导航栏具体用法：cursor：XX 代表当鼠标经过经过某段内容时，形态由这个属性来设置，如手掌型，箭头性。display：XX 可以用display：inline这行代码结合列表来设置导航栏。visibility：XX 设置可见或者不可见。...原创 2020-03-25 19:56:22 · 222 阅读 · 0 评论 -
14.Css——实现图片的周边出现和图片等宽的边框
实现图片的周边出现和图片等宽的边框想让图片的周边出现和图片等宽的边框，图2所示的float：left即为所起的作用。原创 2020-03-25 19:45:05 · 134 阅读 · 0 评论 -
13.Css——实现对齐的三种操作
Css对齐原创 2020-03-24 19:07:39 · 221 阅读 · 0 评论 -
12.Css——边框
Css边框 边框设置 属性 ...原创 2020-03-24 19:05:10 · 152 阅读 · 0 评论 -
11.Css——盒子模型
Css盒子模型内容 content；填充 padding；边框 border；边界 marginpadding：也可以这样一次性设置：padding:5px 10px 15px 20px； 内容距离内边框上 右 下 左的距离margin：也可以这样一次性设置：margin:5px 10px 15px 20px； ...原创 2020-03-24 18:57:44 · 135 阅读 · 0 评论 -
10.Css——浮动
Css浮动float：left 元素向左浮动 ：right 元素向右浮动 ：none 元素不浮动 ：inher 从父级继承浮动属性clear：left、right 去掉向左、向右浮动 ：both 左右两侧去掉浮动 ：inherit 从父级继承来的clear值...原创 2020-03-24 18:40:15 · 95 阅读 · 0 评论 -
9.Css——定位
Css定位1.position： static 默认值，没有定位 fixex 固定位置，当出现滚动条时，对象不随着滚动 relative 相对定位，会按照元素的原始位置对该元素进行移动 abosolute 绝对定位，位置被设置成...原创 2020-03-24 18:39:02 · 211 阅读 · 0 评论 -
8.Css——轮廓
Css轮廓具体用法：原创 2020-03-24 18:35:03 · 117 阅读 · 0 评论 -
7.Css—— 表格
Css表格#tb,tr,th,td{border:1px solid blue: 边框显得粗度是1px，边框显得颜色是蓝色text-align:center;background-color:blue;#tb{width:400px;height:400px;border-collapse:collapse; 折叠边框...原创 2020-03-24 18:20:29 · 145 阅读 · 0 评论 -
6.Css——列表
Css列表具体用法：用list-style-type:none；这段代码来去掉列表前面的黑点等标志，进而通过设置样式来设置成导航栏。原创 2020-03-24 18:12:35 · 109 阅读 · 0 评论 -
5.Css——链接
Css链接具体用法如下：原创 2020-03-24 18:08:18 · 128 阅读 · 0 评论 -
4.Css——文本
css文本 作用 格式 文本对齐 text-align：center; ：right; ：left; 文本方向 Direction：rtl; ：ltr; 指定字母间距； 单词间距：行高 Letter-sp...原创 2020-03-23 17:11:47 · 130 阅读 · 0 评论 -
3.Css——背景
Css背景CSS允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果background-size 规定背景图片的尺寸background-origin 规定背景图片的定位区域background-clip 规定背景图片的绘制区域-----------------------------------------------------...原创 2020-03-23 17:10:27 · 141 阅读 · 0 评论 -
2.Css——选择器
Css选择器 选择器类型 代码 选择所有元素 Style元素：*{} 根据类型选择元素 Style元素：a{} Body元素：<a>内容</a> 根据类选择元素 Style元素：.class1{} ...原创 2020-03-23 17:07:04 · 138 阅读 · 0 评论 -
1.Css——基础语法
CSS基础语法1.制作一个初级Css设计，一共有三种方式创建Css: 类型 使用方法 元素内嵌样式表 <body> <a>xx</a> <a style=" font-size:40px; color:XX">内...原创 2020-03-23 17:02:43 · 141 阅读 · 0 评论