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 · 1081 阅读 · 0 评论 -
HTML和CSS基础知识
主流浏览器及其内核 IE Trident Firefox Gecko Safari Webkit Chrome 以前是Webkit内核，现在是Blink内核 Opera presto CSS选择器 在 C...原创 2018-12-12 21:48:34 · 121 阅读 · 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 · 1594 阅读 · 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 · 670 阅读 · 0 评论 -
CSS 画旋转的正立方体
图1：设置backface-visibility:visible 图2：设置backface-visibility:hidden 实际效果图如上图所示，两者的差别就是旋转...原创 2018-12-14 20:45:40 · 283 阅读 · 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 · 856 阅读 · 0 评论 -
CSS三种布局模型
在网页中，元素有三种布局模型 文档流（Flow） 层模型（Layer） 浮动模型（Float） 1、文档流 特点：默认网页布局模型，块元素自上而下按顺序垂直分布（独占一行），行内元素从左到右水平分布显示。 2、层模型 特点：三种形式 1， 相对定位（position：relative） 2，绝对定位（position：absolute）3，固定定位（position：fix...原创 2018-12-10 18:16:12 · 504 阅读 · 0 评论