![](https://img-blog.csdnimg.cn/20191116212214526.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS3
爱喝水的qdy
No sacrifice, No victory!
展开
-
CSS学习之文本属性系列
目录text-indenttext-aligntext-align-lastline-heightvertical-alignword-spacingletter-spacingtext-transformtext-decorationtext-shadowwhite-spacetext-overflowword-wrapword-breaktext-indent1. text-indet ...原创 2019-12-24 17:41:46 · 300 阅读 · 0 评论 -
CSS学习之字体属性系列
目录font-familyfont-sizefont-weightfont-sytlefont-variantfontCSS3 字体Web安全字体组合font-family1. font-family 应用于:所有元素 继承性:有 初始值:用户代理(浏览器)指定的值 可包含的值: 字体名系列: serif ...原创 2019-12-24 15:54:54 · 374 阅读 · 0 评论 -
CSS学习之reset
目录reset.cssreset.css@charset "utf-8";/*KISSY CSS Reset理念:1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作。清除和重置是紧密不可分的。2. reset 的目的不是让默认样式在所有浏览器下一致,而是减少默认样式有可能带来的问题。3. reset 期望提供一套普适通用的基础样式。但没有银弹,推荐根据具体需求,裁剪和...原创 2019-12-23 18:34:31 · 368 阅读 · 0 评论 -
CSS学习之css简介
目录csscss注释CSS样式规则cssCSS(Cascading Style Sheets), 层叠样式表。定义如何显示HTML元素优势结构与样式分离;方便修改;样式丰富,使页面布局更加灵活;减少网页代码量,增加网络浏览器速度,节省网络带宽;使用独立页面的CSS,有利于网页被搜索引擎收录。css注释/* 注释是代码之母 */,也不能嵌套。CSS样式规则CSS样式规则右...原创 2019-12-23 17:31:54 · 148 阅读 · 0 评论 -
CSS学习之样式表引入
目录CSS样式表引入方式内联样式内嵌样式外部样式链接式导入式CSS样式表引入方式内联样式内嵌样式外部样式链接式导入式内联样式<p style="height: 100px; weight: 50px;"> xxxx </p>注意点: 内联样式只能包含一个声明块,不能放样式表、@import、完整的规则。内嵌样式<style t...原创 2019-12-23 17:28:24 · 260 阅读 · 0 评论 -
CSS学习之css选择器
目录css选择器元素选择器通配选择器类选择器id选择器属性选择器交集选择器分组(并集)选择器后代选择器子元素选择器相邻兄弟选择器后续兄弟选择器伪类选择器伪元素选择器css选择器选择器就是为样式规则指定一个应用范围元素选择器p {color: red; font-size: 10px;}通配选择器* {color: red;}*号只能在class / id / 属性选择器中省略注...原创 2019-12-23 17:23:36 · 285 阅读 · 0 评论 -
CSS学习之css层叠规则
目录css层叠css层叠这是针对多个规则中声明冲突的情况,如果都是不同类型的声明,那么直接应用即可,无需比较选取css层叠分为两种情况:一,选中的;二,继承的。选中的大于继承的# 15.1 选中的 1. 权重以及来源 分为5个级别(从大到小) 1. 读者的重要声明(!important) 2. 创作人员的重要声明 3. 创作...原创 2019-12-23 17:08:43 · 156 阅读 · 0 评论 -
CSS学习之单位和值
目录数字百分数颜色绝对长度单位相对长度单位URL关键字inherit数字数字,作 缩放因子百分数颜色 3.1 颜色名 3.2 rgb(0%, 0%, 0%) --> 0% - 100% 3.3 rgb(0, 0, 0) ---> 0 - 255 3.4 rgba(0, 0, 0, 1) ---> 最后一个数字表示透明度0.0 - 1.0之间 3.5 十六...原创 2019-12-23 17:05:38 · 116 阅读 · 0 评论 -
css弹性盒子-------桃园三兄弟之:flex-grow、flex-shrink、flex-basis(转)
目录前言css弹性盒子-------桃园三兄弟之:flex-grow、flex-shrink、flex-basis详解深入理解css3中的flex-grow、flex-shrink、flex-basis (转)前言谢两位博主的分析以及整理wxk_前端开发主页:https://me.csdn.net/m0_37058714weixin_33800593css弹性盒子------...原创 2019-12-05 14:13:40 · 290 阅读 · 0 评论