CSS笔记2

2016-11-14 12:12:13

12 文本装饰

Decoration:有这些值undline, overline, line-through, none;

13 盒模型

在css的文本框中有padding, margin, border-style, border-width，padding-left等属性。在文本框中，你还可以设置它的背景图片。background-image:url(addressname); 其中还有background-position: 其常用的值有 top bottom right left, center等background-repeat:其常用的值有no-repeat; repeat-x; repeat-y; inherit。CSS提供的盒模型实现了内容和表现样式的分离.

14 边框的样式

Border-style:主要的值有solid, dotted, double，dashed(破折线) groove(槽线)，outset(外凸)，inset(内凹),ridge(脊线)

15 边框的圆角

Border-radius:15px;

Border-top-left-radius:3em;

Border-top-right-radius:4em等

 

16 id

你定位的元素具有唯一性，请使用id,一个id只与页面的一个元素匹配，而id的使用是   元素名#id名。

 

17 混合样式表

同一个html文件中引入多个CSS样式表，和原来一样使用多个<link>标签，依次把它们引入，它们之间的顺序很重要。排在后面的会覆盖前面的样式。

 

18 根据要显示页面的设备类型来调整页面的显示的样式

这在<link>元素中有一个media属性

<link href=”lounge-mobil.css” rel=”stylesheet” media=”screen and (max-device-width:450px)”)其还有其它一些值。In-max-device,还有orientation显示横向还是纵向landscape 和 portrait

 

19 div

Div是比较重要的一个html元素，它是一个容器，在一个html文件中我们把网页的内容，按照其相关性，把它分为一个个的逻辑区域，就是一个相对独立的区域，然后用div这个容器把它包裹起来，然后我们就可以很方便的设置这块区域的格式了。

 

20 子孙选择器

在这种选择器中只有它的子孙才能继承它的一些属性，你还可以指定为它的直接孩子等

21.css的简写：

padding: top right bottom left;

margin: top right bottom left;

若全部相同，你就只需要指定一个值，然后所有的属性都是这个值

Border： width color style; 这些可以按照任意顺序，和个数指定值

Background : image repeat color; 同上；

font: font-style font-variant font-weight font-size/line-height font-family;

(font-style font-variant font-weight)这些值是可以选的但它们必须出现font-size的前面

/line-height 这是可选的，如果想指定直接在font-size的后面加一个/然后指定你想要的行高。

Font-family 的名称之间要用分号隔开。

 

22. span

是把内联字符和元素的逻辑分组，这就是说它可以把一些字符，想对于其它一些字符有些区别，这是建立内联元素的分组，而div是建立块字符的逻辑分区