纯CSS带阴影贴纸标签按钮效果: <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS3带阴影贴纸标签按钮样式</title> <style> html { box-sizing: border-box; font: 18px ...
分类:
Web程序 时间:
2018-07-27 21:43:14
阅读次数:
258
元素选择器 E,选择所有指定元素名称的元素,例如 p,选择所有的 p 元素。 通用选择器 *,选择所有元素,例如: * { box-sizing: border-box; } 类选择器 .class,用一个点号加类名表示,例如 .header,选择所有 class 属性中包含 header 的元素。 ...
分类:
Web程序 时间:
2018-07-19 13:52:38
阅读次数:
207
1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? 标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度=内容宽度(content+border+padding)+ margin 2 box-sizing ...
分类:
Web程序 时间:
2018-07-18 21:39:21
阅读次数:
1028
原文 简书原文:https://www.jianshu.com/p/366665ab9c1c 大纲 1、CSS盒子模型的概念 2、行内元素是否也属于盒子模型呢? 3、标准盒子模型和IE盒子模型 4、box-sizing:设置盒子模型 5、盒子模型是有空间的 1、CSS盒子模型的概念 css盒子模型 ...
分类:
Web程序 时间:
2018-07-16 00:27:43
阅读次数:
299
css基础: 1 /* 2 * 初始化 3 */ 4 *::after, *::before { 5 box-sizing: border-box; 6 } 7 body { 8 font-family: 'Microsoft YaHei', tahoma, arial, 'Hiragino San ...
分类:
Web程序 时间:
2018-07-12 12:59:29
阅读次数:
182
1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 2.将多个元素设置为同一行?清除浮动有几种方式? 3.怪异盒模型box-sizing?弹性盒模型|盒布局? 4.简述几个css hack? 5.href和src区别? title和alt 6.transform?animation? ...
分类:
Web程序 时间:
2018-07-08 22:04:55
阅读次数:
211
1.盒子模型有两种,标准盒模型和IE盒模型,其中W3C标准的盒模型就是在网页的顶部加上 DOCTYPE 声明。 (1)W3C标准的盒模型 W3C盒子模型包括4部分:margin,border,padding,content,其中,content不包括其他部分,下面内容(content)部分为蓝色的部 ...
分类:
其他好文 时间:
2018-07-04 13:30:20
阅读次数:
1879
知识内容: 1.浮动相关 2.display属性 3.居中显示 4.盒模型和box-sizing 5.position属性 6.响应式设计 7.flexbox布局 8.其他 参考:http://zh.learnlayout.com/ 1.浮动相关 (1)float float可以让一个元素浮动起来, ...
分类:
Web程序 时间:
2018-06-23 22:53:17
阅读次数:
269
bootstrap注意事项: https://getbootstrap.com/docs/4.0/getting-started/introduction/#quick-start 盒子模型: https://css-tricks.com/box-sizing/ 转自https://www.cnbl ...
分类:
其他好文 时间:
2018-06-17 19:49:01
阅读次数:
206
边框 border-color边框颜色 border-width边框粗细 border-style边框样式 border简写 margin外边距 网页居中对齐 padding内边距 盒子模型的尺寸 box-sizing 圆角边框 圆形 半圆形 扇形 盒子阴影 ...
分类:
其他好文 时间:
2018-06-17 12:33:58
阅读次数:
201