css2的倍数样式 css bem

cssborder-image-width属性怎么用

border-image-width属性是用来指定图像边界宽度的；可以设置4个值，分别将边框图像区域分割为九个部分的偏移，它们代表上，右，下，左，两侧向内的距离。CSS3 border-image-width属性作用：规定图像边框的宽度。

创新互联建站专业为企业提供湘东网站建设、湘东做网站、湘东网站设计、湘东网站制作等企业网站建设、网页设计与制作、湘东企业网站模板建站服务，十年湘东做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

CSS3 border-image属性作用：使用图片来创建边框说明：复合属性。设置或检索对象的边框样式使用图像来填充。

border-image 属性是一个简写属性，用于设置以下属性：border-image-source border-image-slice border-image-width border-image-outset border-image-repeat border-image-source 用在边框的图片的路径。

这里原始的图片如下：将此图像按照要求指定为元素周围的边框，效果如下：border-image属性可以允许你将图片或CSS渐变形状作为一个元素的边框。

语法：border-方向(top/right/bottom/left)-属性(width/style/color)：取值； 属性：border-radius 作用：设置倒角位置处圆的半径，半径越大，弧度越大。

css控制ul标签下li样式

在ul样式中设置文本居左对齐。ul { padding：0；margin：0；text-align： left；list-style-type： none；} 标签大小不同，可以用自定义的背景图片代替标签样式。

css控制第一个li标签的样式，和其他li的样式不同：给第一个li标签添加class或者id，然后编写css代码。html：给第一个li元素添加一个class类名为“menu1”。

打开Dreamweaver软件，新建一个html页面，保存成为html。在body中进行书写，先写div如图，写三个div板块。用css对div进行控制，一种方式是直接使用内联样式，也就是直接在html中的style中进行书写div的css样式。

CSS常用样式二

选择器样式（Selector Styles）：是 CSS 样式中最常见的一种，通过选择器选中需要设置样式的元素，然后为其设置样式。

importurl(\/css/global.css\)；链接样式是以@importurl标记所链接的外部样式表，它一般常用在另一个样式表内部。

第一种为标签样式，taglib为标签名，后面{}里面加属性，这种样式对页面内所有的标签名为taglibname的标签起作用。

首先，在电脑中打开编辑器，创建html文档。然后，创建h1标签，用行内样式控制字体颜色为红色。接下来，用内部样式选择器选择h1标签，控制它的样式。外部样式需要，创建外部样式.css文件。

这里文字是红色。 css样式代码要写在style=双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开（英文状态下；）。嵌入式css样式。嵌入式css样式，就是可以把css样式代码写在标签之间。

CSS中的nth-of-type如何使用

1、nth-child和nth-of-type是css的两个伪选择符。应用中，这两者常常容易混淆。这里把它们拿出来仔细做个对比，看看这两者是怎么查找元素的。

2、}这用到了nth-child（），兼容ie9及以上的浏览器，中间的空隙就是两个并排p宽度之和，100%减去后剩下的宽度；既然提到了nth-child（），那么就要说一下nth-of-type（），也是只兼容ie9及以上的浏览器。

3、为了使指针转动起来，我们需要使用 -webkit-transform-origin：center 100px；来设置我们的旋转基点。然后利用 -webkit-transform： rotate(0)；让我们的li旋转相应的角度形成相应的刻度。

4、）使用nth-child（an+b），a表示每次循环中，包括几种样式，b表示指定的样式在循环中所处的位置。only-child选择器，在元素只有一个子元素时，可以代替使用 nth-child(1)/nth-last-child(1) 。

5、bodydiv：nth-of-type(3) div{ width：100px； height：100px； background：#0f0； margin：auto } 第四种：flex居中(演示)。CSS3中引入的新布局方式，比较好用。缺点：IE9以及IE9一下不兼容。

6、nth-child可以选择父元素下的字元素，：nth-of-type也可以。但是它们到底有什么区别呢？ 其实区别很简单：nth-of-type为什么要叫：nth-of-type？因为它是以type来区分的。