![](https://img-blog.csdnimg.cn/20190919155604203.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 94
css总结
枫頔
可能会成为个程序员?(https:yuxi-blog.cn)
展开
-
01 css规范及选择器规则
1. css简介CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。2. css样式规则css样式规则如下图:在上面的样式规则中:...原创 2019-09-17 18:12:21 · 2216 阅读 · 0 评论 -
02 css特性及样式表分类
1. css三大特性css语法具有以下三大特性:层叠性、继承性、优先级。层叠性所谓层叠性是指多种CSS样式的叠加。如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉。比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲突。一般情况下,如果出现样式冲突,则会按照CSS书写的顺序...原创 2019-09-18 11:14:45 · 439 阅读 · 0 评论 -
03 css样式
css的主要作用是为HTML文档中的标签设置样式,以达到某种效果。下面介绍css中主要的样式语法。1. css字体样式CSS 字体属性定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)。font-stylefont-style属性用于定义字体风格,如设置斜体、倾斜或正常字体,其可用属性值如下:normal:默认值,浏览器会显示标准的字体样式。italic:浏览器会...原创 2019-09-18 18:22:38 · 254 阅读 · 0 评论 -
04 css盒子模型
1. 盒子模型概述网页布局的本质:把网页各种元素比如文字图片等等,放入盒子里面,然后利用CSS摆放盒子的过程,就是网页布局。所谓盒子模型就是把HTML页面中的每个元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个盒子都由元素的内容(内容有宽高)、内边距(padding)、边框(border)和外边距(margin)组成。2. 内容使用宽度属性width和高度属性height可以对盒...原创 2019-09-18 19:40:22 · 216 阅读 · 0 评论 -
05 css浮动与定位
1. 浮动网页布局的核心,就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置? 这就需要css的定位机制。CSS的定位机制有3种:普通流(标准流)、浮动和定位。1.1 普通流普通流实际上就是一个网页内标签元素正常从上到下,从左到右排列顺序的意思,比如块级元素会独占一行,行内元素会按顺序依次前后排列。按照这种大前提的布局排列之下绝对不会出现例外的情况叫做普通流布局。1.2 浮动浮动介...原创 2019-09-19 11:45:39 · 330 阅读 · 0 评论 -
06 css高级技巧
1. css用户界面样式所谓的界面样式, 就是更改一些用户操作样式, 比如 更改用户的鼠标样式, 表单轮廓等。鼠标样式(cursor)鼠标样式使用cursor属性设置,设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。常用属性值:cursor : default 小白 | pointer 小手 | move 移动 | text 文本<ul> ...原创 2019-09-19 18:02:43 · 154 阅读 · 0 评论 -
07 css3新特性
1. 过渡过渡(transition)是CSS3中具有颠覆性的特征之一,可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。在CSS3里使用transition属性可以实现补间动画(过渡效果)。当前元素只要有“属性”发生变化时即存在两种状态(我们用A和B代指),就可以实现平滑的过渡,为了方便演示采用hover切换两种状态,但是并不...原创 2019-09-19 19:54:08 · 169 阅读 · 0 评论 -
08 css补充知识
1. BFC简介BFC(block formatting context)意为块级格式化上下文。BFC是一个独立的渲染区域,只有Block-level box参与,其规定了内部的Block-level box如何布局,这个区域与外部毫不相干。元素的显示模式之前我们学过元素的显示模式使用display属性定义,常用值如下:none; (不显示,不占有位置)block; (块级)inli...原创 2019-09-23 18:06:03 · 105 阅读 · 0 评论 -
09 css经典布局
css作用就是为元素定义样式及进行布局。css中与布局相关的属性基本有以下几个:display:定义元素显示模式,常用属性值:block、inline、inline-block、none、inherit、flex(伸缩布局)。float:定义元素浮动,常用属性值:left、right。(目的:让元素排列在一行,注意清除浮动)position:定义元素定位,常用属性值:static、rela...原创 2019-09-24 20:19:32 · 123 阅读 · 0 评论