码迷,mamicode.com
首页 > Web开发 > 详细

CSS中常用的五种编辑属性

时间:2017-07-30 00:13:45      阅读:288      评论:0      收藏:0      [点我收藏+]

标签:固定   order   span   margin   visit   ant   可见   类型   lis   

CSS 字体属性

属性  描述 
font 简写属性。作用是把所有针对字体的属性设置在一个声明中。 
font-family 设置字体系列。 
font-size 设置字体的尺寸。 
font-style 设置字体风格。 
font-variant 以小型大写字体或者正常字体显示文本。 
font-weight 设置字体的粗细。

CSS 文本属性

属性 描述 
color 设置文本颜色 
direction 设置文本方向。 
line-height 设置行高。 
letter-spacing 设置字符间距。 
text-align 对齐元素中的文本。 
text-decoration 向文本添加修饰。 
text-indent 缩进元素中文本的首行。 
text-transform 控制元素中的字母。 
unicode-bidi 设置文本方向。 
white-space 设置元素中空白的处理方式。 
word-spacing 设置字间距。

CSS 边框属性

属性 描述 
border 简写属性,用于把针对四个边的属性设置在一个声明。 
border-style 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。 
border-width 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。 
border-color 简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。 
border-bottom 简写属性,用于把下边框的所有属性设置到一个声明中 
border-left 简写属性,用于把左边框的所有属性设置到一个声明中。 
border-right 简写属性,用于把右边框的所有属性设置到一个声明中。 
border-top 简写属性,用于把上边框的所有属性设置到一个声明中。

CSS 列表属性(list)

属性 描述 
list-style 简写属性。用于把所有用于列表的属性设置于一个声明中。 
list-style-image 将图象设置为列表项标志。 
list-style-position 设置列表中列表项标志的位置。 
list-style-type 设置列表项标志的类型。

CSS 背景属性

 

属性 描述 
background 简写属性,作用是将背景属性设置在一个声明中。 
background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 
background-color 设置元素的背景颜色。 
background-image 把图像设置为背景。 
background-position 设置背景图像的起始位置。 
background-repeat 设置背景图像是否及如何重复。

CSS

  • CSS全称:Cascading Style Sheets.
  • 层叠样式表、级联样式表.
  • 是一种用来表现HTML文件样式的计算机语言

CSS的加载

  1. 浏览器默认样式
  2. 用户自定义样式
  3. 作者自定义样式

定义样式

  1. 元素开始标记中使用style属性添加样式(内嵌)
  2. 在head标记中使用style标记指定样式(内联)
  3. 在head标记中使用link外部链接一个CSS文件(外联)

CSS语法规则

标记/标签选择器

{
声明; 
属性:属性值; 
           }

伪类选择器

a:link 初始 
a:visited 访问后 
a:hover 鼠标移入||鼠标悬停 
a:active 点击时-一瞬间 
li:nth-last(倒数)-chid(odd奇数;even偶数;3n+1表示循环)

后代选择器

p空格span

子级选择器

p>span

并集选择器

h1,h2,h3,span,p,li,box1......

通配符 *

*{margin:外边距;padding:内边距;}

伪元素选择器

div:first-letter(line):font-size:30px;

选择器权重

!important>style>id>class>元素>*

层叠机制

通过多个渠道完成,样式属性不同直接作用元素;元素相同判断权重,权重相同,后覆盖前;权重不同,以权重大的为准

继承

子级样式不是显式声明,从父级继承;但子级可以单独声明样式并且不影响父级;文字类型的样式会被继承

CSS中常用的五种编辑属性

标签:固定   order   span   margin   visit   ant   可见   类型   lis   

原文地址:http://www.cnblogs.com/huangyiwu/p/7257870.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!