css属性都有哪些呢

counter-reset - 创建或者重置计数器 counter-increment - 递增变量 content - 插入生成的内容 counter() 或 counters() 函数 - 将计数器的值添加到元素

CSS 的媒体类型都是什么

对CSS代码重构主要有两个目的： 　　1、提高代码性能 　　2、提高代码的可维护性

结构：标签名 { css属性名: 属性值; } 作用：通过标签名，找到页面中所有这类标签，设置样式

申请人：@那装睡的ren 申请感言：尊敬的贴吧管理您好，感谢您在百忙之中来看我提交的吧主申请，目前我看css吧并没有吧主管理，所以自荐申请css吧吧主，如果我有幸选任css吧吧主，我会遵循贴吧的管理制度，维护好吧内秩序，提升贴吧的点击率，为贴吧贡献一份力量。 衷心希望百度越做越好。

结构：* { css属性名: 属性值; } 作用：找到页面中所有的标签，设置样式

在CSS3中新增加了box-sizing属性，能够事先定义盒模型的尺寸解析方式，其语法规则如下： box-sizing: content-box | border-box | inherit content-box：默认值，其让元素维持W3C的标准盒模型，也就是说元素的宽度和高度（width/height）等于元素边框宽度（border）加上元素内距（padding）加上元素内容宽度或高度（content width/ height），也就是element width/height = border + padding + content width / height border-box：重新定义CSS2.1中盒模型组成的模式，让元素维持IE传统的盒模型（IE6以下

在 CSS 中，还可以使用 repeating-linear-gradient()、repeating-radial-gradient() 和 repeating-conic-gradient() 等函数来分别创建线性渐变、径向渐变和圆锥渐变的重复渐变，所谓重复渐变就是指将渐变的过程重复多次，以铺满整个元素 【示例】使用 repeating-linear-gradient()、repeating-radial-gradient() 和 repeating-conic-gradient() 三个函数定义重复渐变：

结构：.class { css属性名: 属性值; } 作用：通过类名，找到页面中所有带有这个类名的标签，设置样式

众所周知a标签的宽度是随内容而扩展的，而a标签的宽度应该是“你好enen”的宽度，在我看来span右浮动应该无效。但是结果看起来像是右浮动拉宽了a标签

所有标签上都有id属性 id属性值类似于身份证号码，在一个页面中是唯一的，不可重复的 一个标签上只能有一个id属性值 一个id选择器只能选中一个标签

css学习打卡啦

CSS 样式规则由三个部分组成，分别是选择器、属性和值： 选择器：由 HTML 元素的 id、class 属性或元素名本身以及一些特殊符号构成，用来指定要为哪个 HTML 元素定义样式，例如选择器p就表示为页面中的所有<p>标签定义样式； 属性：您希望给 HTML 元素设置的样式名称，由一系列关键词组成，例如 color（颜色）、border（边框）、font（字体）等，CSS 中提供了众多属性，您可以通过 W3C 官网查看； 值：由数值和单位或者关键字组成，用来控制某个属性

在CSS 2.1规范中，识别符（包括选择符中的元素名、类、ID）只能包含A～Z、a～z、0～9等字符，加上连字符“-”、下划线“_”。识别符不能以数字开头，以连字符和下划线开头也是不允许的。只有属性、属性值、单位、伪类、伪元素和“@”规则可以由连字符“-”开头。同时，其他元素名称、类和ID标识符也不允许用连字符开头。 CSS的识别符也需要用反斜杠“\”规避特殊字符，这些规避字符遵循IS010646规范。特殊字符的规避方法有两种：第一种方法是

background-color：设置元素的背景颜色； background-image：设置元素的背景图像； background-repeat：控制背景图像是否重复； background-attachment：控制背景图像是否跟随窗口滚动； background-position：控制背景图像在元素中的位置； background-size：设置背景图像的尺寸； background-origin：设置 background-position 属性相对于什么位置来定位背景图像； background-clip：设置背景图像的显示区域； background：背景属性的缩写，可以在一个声明中设置所有的背景属性。

CSS 中提供了一些属性（例如 color、background）来设置 HTML 元素的颜色（例如元素的背景颜色或字体颜色），我们可以通过不同形式的值来指定颜色，如下表所示：

通用选择器、标签选择器、ID 选择器、类选择器、后代选择器、子选择器、相邻兄弟选择器、通用兄弟选择器、分组选择器、属性选择器

语法：选择器1 选择器2{} 例子：#haha b{ color: red; } 解释：简单的来说呢，就是选择id为haha的元素的后代中的b标签，注意这里说的后代，后代不止有儿子，可能有孙子，孙子的儿子，孙子的孙子…只要是他的后代，而且是个b标签，颜色就会变成红色。

语法：选择器1>选择器2{} 例子：.xixi > i{ color: red; } 解释：简单来说呢，就是选择类xixi的元素的儿子中的i标签，注意这里说的儿子，是儿子，没叫上孙子、孙子的儿子、孙子的孙子…只能是儿子，并且是i标签，颜色就会变红。

ul.pagination { display: inline-block; padding: 0; margin: 0; } ul.pagination li {display: inline;} ul.pagination li a { color: black; float: left; padding: 8px 16px; text-decoration: none; }

为了更好的方便同学们学习，所以IT图书馆应际而生，所以想要看书学习的小伙伴们可以免费的观看咯。 IT图书馆由业内知名讲师杜聚宾孙卫琴等领衔著作，旨在为广大程序员和学习者提供专业化，系统的技术讲解。 对技术点进行细腻直观的讲解，是广大学习者深入底层，技术提升的必备神器。

线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向 径向渐变（Radial Gradients）- 由它们的中心定义

CSS3 多列属性

盒模型由：外边距margin、边框border、内边距padding、内容content四个部分组成 标准盒模型大小=border+padding+content 怪异盒模型大小=content 转怪异盒模型：box-sizing:border-box; 转标准盒模型：box-sizing:content-box;

意思是: 设定元素的边框为 1 像素宽、实线、颜色使用 rgba 来表达。 其中，rgba 是 CSS3 中的属性。rgba 括号中前 3 个数字代表着 red green blue 三种颜色的 rgb 值（0-255），最后一个是设定这个颜色的透明度即 alpha 值。范围从 0 到 1，越接近 1，代表透明度越低。

内嵌样式>内部样式>外部样式>导入式 ！important > 内嵌 1000 >Id 100 > class=[]=伪类 10 > tag=伪元素 1 > ( * + > ~) 0

结构：#id属性值 { css属性名: 属性值; } 作用：通过id属性值，找到页面中带有这个id属性值的标签，设置样式

CSS 中哪些属性可以继承？ 1、字体系列属性：font、font-family、font-weight、font-size、font-style、font-variant、font-stretch、font-size-adjust 2、文本系列属性：text-indent、text-align、text-shadow、line-height、word-spacing、letter-spacing、 text-transform、direction、color 3、表格布局属性：caption-sideborder-collapseempty-cells 4、列表属性：list-style-type、list-style-image、list-style-position、list-style 5、光标属性：cursor 6、元素可见性：visibility 7、还有一些不常用的：speak，page，设置嵌套引用的引号

分享的CSS工具网站

CSS好学吗，要怎么学

display:none; 彻底消失，释放空间。能引发页面的reflow回流（重排）。 visibility:hidden; 就是隐藏，但是位置没释放，好比opacity:0; 不引发页面回流。

在开始标签上加style=”样式属性名1:样式属性值1;样式属性名2:样式属性值2;...” 属性

把所有的css样式都写在<style></style>标签内，<style></style>放在head标签内

:link：定义普通或未访问链接的样式； :visited：定义已经访问过链接的样式； :hover：定义当鼠标经过或悬停在链接上时的样式； :active：定义点击链接时的样式。

盒模型由：外边距margin、边框border、内边距padding、内容content四个部分组成 标准盒模型大小=border+padding+content 怪异盒模型大小=content 转怪异盒模型：box-sizing:border-box; 转标准盒模型：box-sizing:content-box；

可继承的属性：文本类：text-indent、text-align、line-height、word-spacing、letter-spacing、text-transform、direction、color； 字体类：font、font-family、font-weight、font-size、font-style、font-variant、font-stretch、font-size-adjust； 其它类：visibility、caption-side、border-collapse、border-spacing、empty-cells、table-layout、list-style-type、list-style-image、list-style-position、list-style、quotes、cursor、page、page-break-inside、windows、orphans等

none 隐藏元素 block 将元素设置为块级元素 inline 将元素设置为内联元素 list-item 将元素设置为列表项目 inline-block 将元素设置为行内块元素 table 将元素设置为块元素级的表格（类似<table>） inline-table 将元素设置为内联元素级的表格（类似<table>） table-caption 将元素设置为表格的标题（类似<caption>） table-cell 将元素设置为表格的单元格（类似<td>和<th>） table-row 将元素设置为表格的行（类似<tr>） table-row-group 将元素设置为表格的内

visible：默认值，表示元素是可见的 hidden：隐藏元素 collapse：主要用来隐藏表格的行和列，隐藏的行或列所占的空间可以被其他表格内容使用；如果在其他元素上使用，其效果等同于“hidden” inherit：从父元素继承 visibility 属性的值

visible：默认值，对溢出的内容不做处理，内容会在元素内容区之外显示 hidden：隐藏溢出元素内容区的内容 scroll：隐藏溢出元素内容区的内容，并在元素的左侧和下方分别创建一个滚动条，通过滑动滚动条可以查看元素中的所有内容 auto：如果出现内容溢出，则会在元素左侧创建一个滚动条，通过滑动滚动条可以查看元素中的全部内容 inherit：从父元素继承 overflow 属性的值

CSS（Cascading Style Sheets）层叠样式表，专注于页面的表现层。

BFC：块级格式化上下文block formatting context，是一个独立渲染区域。规定了内部box如何布局，并且与这个区域外部毫不相干。 触发：float的值不是none；position的值不是static或者relative；display的值是inline-block、block、table-cell、flex、table-caption或者inline-flex；overflow的值不是visible。 作用：避免margin重叠；自适应两栏布局；清除浮动。

outline和border的区别： border可以应用于所有html元素，而outline主要用于表单元素、超链接元素； 当元素获得焦点时会自动出现outline轮廓效果，当失去焦点时会自动消失，这是浏览器默认行为； outline不影响元素的尺寸和位置，而border会影响。

.triangle{ width: 0; height: 0; border: 100px solid transparent; border-left-color: red; }

想通过实例来学习css，不知道有没有这样的网站或者是教程呢

font-style: normal | italicfont-weight: 100--900 (normal:400 bold: 700)font-size: 字体大小font-family: 字体line-height: 行高