CSS深入浅出（三）

一、表单美化

百度搜索框
上传图片
美化按钮
二、Bootstrap

Bootstrap引入
https://getbootstrap.com/
http://www.bootcss.com
生产环境/开发环境
网格/栅栏系统（grid system）
lg-md-sm-xs(1200-992-768)
优先使用小屏幕
Bootstrap复杂组件
css/js组件
复制-粘贴-修改
网站实例
学习路径
css基础——jQuery——Bootstrap文档
三、IFC(Inline Formatting content)

深入理解 CSS：字体度量、line-height 和 vertical-align
font-size: em-square——活字印刷盒的高度（由设计师决定，不稳定）
line-height: 以基线baseline对齐。决定真实占地高度。
内联元素以基线对齐，会导致大小不一样
vertical-align:实际占地的对齐（由设计师决定，一般不使用）
图片下面有空隙：原因是图片以基线对齐，下面有字体设置的留空
内联元素不能居中对齐。——不要使用内联元素做布局。（无法解决）
内敛元素中间有空格。——不要使用内联元素。

转载于:https://www.cnblogs.com/douglasryan/p/10654861.html

CSS深入浅出（三）相关推荐

CSS实现三列图片等宽等间距布局
每个图片块左浮动,宽30%,左外边距2.5%: 100%=(2.5%+30%)+(2.5%+30%)+(2.5%+30%)+2.5%<!DOCTYPE html> <html> ...
css的三个特性背景透明设置
关于行内元素(补充一点) 行内元素只能容纳文本或其他行内元素.(a特殊a里面可以放块级元素) 例子: 关于行高tip: 选择器的嵌套层级不应大于3级,位置靠后的限定条件应尽可能的精确. 属性定义必须另 ...
外部导入方式添加背景图_web前端基础：CSS的三种导入方式说明
随着html的成长,为了满足页面设计者的要求,HTML添加了很多显示功能.但是随着这些功能的增加,HTML变得越来越杂乱,而且HTML页面也越来越臃肿.于是css便诞生了. Web前端基础教程,Web ...
CSS 的三个特性：层叠性、继承性、优先级
层叠性 CSS 有三个非常重要的三个特性:层叠性.继承性.优先级. 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式.层叠性主要解决样式冲突的问题层叠性原则:  样式冲突 ...
CSS line-height 三种赋值方式有何区别 (琐碎知识点整理)
之前有整理过一部分知识点, 一直没有发布, 因为都是有关前端方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家这个专题就是工作 ...
CSS（三）：CSS特性与盒子模型
目录 CSS三大特性层叠性继承性行高的继承优先级权重的叠加盒子模型网页布局的本质盒子模型组成边框(border) 表格细线边框边框会影响盒子实际大小! 内边距(padding) p ...
前端学习之CSS第三天
前端学习之CSS第三天一.圆角边框 border-radius 圆形 :正方形的盒子是圆形,长方形的盒子是椭圆 boder-radius:50% 圆角矩形:高度或者是宽度的一半 border-rad ...
CSS的三种引入方式：外部样式、内部样式和行内样式
CSS的三种引入方式:外部样式.内部样式和行内样式外部样式链接式:link标签导入式:@import 链接式与导入式的区别内部样式行内样式样式优先级外部样式即CSS代码保存在外部,HT ...
前端之CSS篇(三)——CSS三大特性及盒子模式和边距边框
1.CSS的三大特性 CSS有三个非常重要的三个特性:层叠性.继承性.优先性 1.1 层叠性相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式.层叠性主要解决样式冲突的问题. ...
【前端学习之HTMLCSS】-- CSS第三篇 -- 选择器（上）
[前端学习之HTML&CSS]-- CSS第三篇 – 选择器(上) 文章目录 [前端学习之HTML&CSS]-- CSS第三篇 -- 选择器(上) 前言选择器简单选择器 1. ID ...

CSS深入浅出（三）

CSS深入浅出（三）相关推荐

最新文章

热门文章