
css
文章平均质量分 60
-安小喵
这个作者很懒,什么都没留下…
展开
-
1-css入门知识
一. css是什么,有什么作用?1、层叠样式表(英文全称:CascadingStyle Sheets)是一种用来表现HTML等文件样式的计算机语言,为html文档结构添加样式。二、 css的结构和选择器的分类(相同样式,权重高的覆盖权重低的。)1、css的结构: 选择器 { 样式属性名:属性值 }2、 选择器:css样式作用的对象。a) id选择器(不推荐使用):具有...原创 2018-08-08 20:26:26 · 232 阅读 · 0 评论 -
css基础-文字排版、段落排版
ps:处理前段文本溢出,多余内容显示点点一.文字排版--字体我们可以使用CSS样式为网页中的文字设置字体,字号,颜色等样式属性。这里注意不要设置不常用的字体,因为如果用户本电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体.)现在一般网页喜欢设置“微软雅黑”.body{font-family:"Microsoft...转载 2018-04-21 16:33:36 · 1457 阅读 · 0 评论 -
css基础-清除浮动方法总结
清除浮动方法总结浮动:1、浮动的属性float:left(左浮动)float:right(右浮动)float:none(不浮动)2、浮动元素的特点1)浮动的框可以向左向右移动,直到它的外边缘碰到包含框或另一个浮动框的边缘处为止2)脱离文档流,会导致父元素高度塌陷,覆盖其他兄弟元素一. 清除浮动(清浮动不是清盒子本身的浮动,而是清除其他元素浮动对他本身的影响) i. ...原创 2018-04-25 15:07:53 · 531 阅读 · 0 评论 -
css基础-四大定位(static、relative、absolute、fixed)
一、静态static定位:文档里正常盒子的定位。静态定位的元素不会受到 top, bottom, left, right 和z-index影响。二、相对定位relative:盒子现在位置距离盒子原来位置有一段偏移的距离。相对定位方式,相对于其父级元素(无论父级元素此时为何种定位方式)进行定位,准确地说是相对于其父级元素所剩余的未被占用的空间进行定位(在父元素由多个相对定位的子元素时可以看出),且会...转载 2018-04-21 15:09:33 · 603 阅读 · 0 评论 -
css基础-权重与优先级
权重与优先级一. 内联(行内权重1000)样式的优先级高于 内部样式和外部样式.二. 权重相同的情况下,谁的样式在后面谁的优先级高.三. 不同权重,权重大的优先级高.a) !important(权重无限大)>行内样式(权重1000)>id选择器(权重100)>类选择器(10)= 伪类选择器(10)= 属性选择器(10)>元素选择器(权重1)>通用选择器(权...转载 2018-04-25 07:58:09 · 370 阅读 · 0 评论 -
css基础-选择器
css选择器大全1.基本选择器 序号 选择器 名称 说明 css版本 1 * 通用选择器 选择所有元素,对所有元素设置样式,包括html和body 2 2 ...转载 2018-08-09 14:42:37 · 249 阅读 · 0 评论 -
谈谈css伪类与伪元素
css选择器常见包括id(#id)、标签(tag)、class(.class)、属性[attr=attrval]等,还包括伪元素和伪类选择器。正确的利用伪元素和伪类能够让我们的html结构更清晰合理,也能在一定程度上减少js对dom的操作!定义伪类包含两种:状态伪类和结构性伪类。状态伪类是基于元素当前状态进行选择的。在与用户的交互过程中元素的状态是动态变化的,因此该元素会根据其状态呈现不同的样式。...转载 2018-04-22 20:29:05 · 203 阅读 · 0 评论 -
css基础-background设置html元素背景
一. background用来设置html元素的背景。 a) background-color用来定义元素的背景颜色,值为颜色代码,如:#fff;b) background-image用来定义元素的背景图片,值为图片地址,如:url(images/icon.png)c) background-repeat用来设置背景图片是否平铺。 i. ...转载 2018-04-11 19:18:55 · 519 阅读 · 0 评论 -
2-css基础-元素类型与盒模型
一、html元素(盒子)的四种分类:1、块级元素(block盒子)1)能设置宽高2)独占一行,竖着排列3)它的默认宽度和父元素的宽度一样宽,默认高度和它的内容的高度一样高4)可以设置边框border,可以设置外边距margin,内边距padding(四个方向都可以设置,四个参数:上, 右, 下, 左;两个参数:上下,左右;一个参数:上右下左,三个参数:上 左右 下)5)...原创 2018-04-11 17:33:59 · 250 阅读 · 0 评论 -
3-CSS3中的盒模型与盒模型属性box-sizing的详细介绍
盒模型盒模型是计算元素尺寸的模型规则 在我们CSS中盒模型分为两种W3C标准盒模型正常情况下我们用的都是这个标准的盒模型 标准盒模型中元素尺寸使用如下计算方式 元素实际宽度 = width + padding(左右内边距大小) + border(左右边框大小) 元素实际高度 = height + padding(上下内边距大小) + border(上下边框大小) 我们设置的wid...转载 2018-08-08 21:23:40 · 726 阅读 · 0 评论