网页制作CSS样式 第1篇
CSS处理网页时，它认为每个标签都包含在一 个不可见的盒子里。
如果把所有的标签都想象成盒子，那么我们对网页的布局就相 当于是摆放盒子。
我们只需要将相应的盒子摆放到网页中相应的 位置即可完成网页的布局。
其基本样式如图：
这一是个普通的盒子内容区大小：
我们可以看到，通过对盒子width 和 height 属性的修改，改变了盒子内容区大小（蓝色区域），而非整个盒子大小：
通过padding属性进行操作，设置标签的内边距
可以在标签周围创建边框，边框是标签可见框的最外部。
格式：border:1px red solid;（分别指边框的宽度、颜色、样式）
（1）边框样式
dotted （点线） dashed （虚线） solid （实线） double （双线）groove （槽线）
（2）边框圆角
border-radius：5px 设置四个角为圆角边框（px大小可自拟）
border-top-left-radius设置左上为圆角边框
外边距是标签边框与周围标签相距的空间。 使用margin属性可以设置外边距。用法和padding
类似，同样也提供了四个方向的 。
如图，盒子被居中放置：
注：浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，所以为很多的标签都设
置了一些默认的margin和padding，而它的这些默认样式，正常情况下我们是不需要使用的。
所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉。如下操作：
以上就是web前端有关css样式表语言的内容了，通过这篇文章，相信一些前端小白就已经可以自行编写一些小网页了！当然，最后的盒子模型部分还牵扯到了一些有关文档流，以及解决多个盒子排列时引发的一些异常情况要用到的定位方法，由于篇幅原因，这里不过多赘述。详情请移步至我的下一篇博客，会对此部分内容进行详细说明！
网页制作CSS样式 第2篇
我是一个段落
当鼠标没接触到
标签时： 鼠标移入时：
opacity 属性设置标签的不透明级别 值为1。
规定不透明度：从 （完全透明）到 （完全不透明）。
语法：opacity：; 冒号后面填写0-1之间的数字即可
● 什么是块级标签？
块级标签：无论内容多少 都会独自占据一行的。
例如
● 什么是行级标签？
行级标签：只占自身大小的标签，不会占一行。
例如、、
● 什么是行级块标签？
例如 等
那么我们能否对不同级别标签进行转换呢？答案是肯定的！
通过display样式可以修改标签的类型。 可选值： block ：设置标签为块标签 inline ：设置标签为行级标签 inline-block ：设置标签为行级块标签 none ：隐藏标签（标签将在页面中完全消失）
我是一个段落
没进行display修改前：（可以清晰的观察到，独占一行）
进行修饰后：（只占自身大小）
网页制作CSS样式 第3篇
作用：查找标签，设置样式。
使用标签名作为选择器，选中同名标签设置相同的样式。
例：p、h1、div、a、img…
通配符选择器（*）：查找页面所有标签，设置相同样式。无需手动调用，浏览器会自动查找页面所有标签设置相同的样式。
通配符选择器可用于清除标签的默认样式，如标签默认的外边距、内边距。
查找标签，差异化设置标签的显示效果。
多个单词可以用-连接
查找标签，差异化设置标签的显示效果。一般配合JavaScript使用，很少用于设置CSS样式。
同一个id选择器在一个页面只能使用一次。
由两个或多个基础选择器通过不同的方式组合而成，能够更准确、更高效的选择目标元素（标签）。
选中某元素的后代元素（该标签内的所有指定标签）。
写法：父选择器 子选择器 { CSS属性 }，父子选择器之间用空格隔开。
选中某元素的子代元素（最近的子级）。
写法：父选择器 > 子选择器 { CSS属性 }，父子选择器之间用>隔开。
选中多组标签设置相同的样式。
写法：选择器1, 选择器2, ... , 选择器N { CSS属性 }，选择器之间用,隔开。
选中同时满足多个条件的元素。
写法：选择器1选择器2 { CSS属性 }，选择器之间连写，没有任何符号。
如果交集选择器中有标签选择器，标签选择器必须写在最前面。
伪类表示元素状态，选中元素的某个状态设置样式。
写法：选择器:伪类 { CSS 属性 }
超链接伪类：
如果要给超链接设置以上四个状态，需按LVHA的顺序书写。
根据元素的结构关系查找元素。
nth-child公式
创建虚拟元素/伪元素，用来摆放装饰性的内容。
必须设置content属性来设置伪元素的内容，如果没有内容则引号留空即可。