CSS
chenlunju
这个作者很懒,什么都没留下…
展开
-
CSS画远视表
效果图如上 。知识点:;理解盒模型,margin,border,padding,content<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" href="style12原创 2018-12-08 16:18:17 · 1048 阅读 · 0 评论 -
HTML和CSS基础知识
主流浏览器及其内核IE TridentFirefox GeckoSafari WebkitChrome 以前是Webkit内核,现在是Blink内核Opera presto CSS选择器在 C...原创 2018-12-12 21:48:34 · 114 阅读 · 0 评论 -
css绘制带箭头对话框
直接上效果图 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href=&qu原创 2018-12-07 15:40:25 · 1585 阅读 · 0 评论 -
CSS文字编辑实用方法
段落文字缩进2个汉字:div{ text-indent: 2em;}单行文字垂直水平都居中:div{ border: 1px solid black; text-align: center; height: 20px; line-height: 20px;/*这个数值要和height值一样*/}中划线效果(不用del标签):div{ text-align:...原创 2018-12-07 16:08:20 · 663 阅读 · 0 评论 -
CSS 画旋转的正立方体
图1:设置backface-visibility:visible 图2:设置backface-visibility:hidden实际效果图如上图所示,两者的差别就是旋转...原创 2018-12-14 20:45:40 · 276 阅读 · 0 评论 -
CSS在旋转的正六边形上过渡
效果图如上所示。CSS3 动画属性(Animation)transition: all 1s linear;all:所有属性都将获得过渡效果1s:规定完成过渡效果需要多少秒或毫秒。linear:规定速度效果的速度曲线。<!DOCTYPE html><html lang="en"><head> <meta charset=...原创 2018-12-15 12:35:09 · 843 阅读 · 0 评论 -
CSS三种布局模型
在网页中,元素有三种布局模型文档流(Flow) 层模型(Layer) 浮动模型(Float) 1、文档流特点:默认网页布局模型,块元素自上而下按顺序垂直分布(独占一行),行内元素从左到右水平分布显示。 2、层模型特点:三种形式 1, 相对定位(position:relative) 2,绝对定位(position:absolute)3,固定定位(position:fix...原创 2018-12-10 18:16:12 · 494 阅读 · 0 评论