Kategóriák: Minden

a Liu Zhiyuan 15 éve

1398

Div + CSS

Div 标签与 CSS 紧密结合使用,可以有效提升网页的布局和美观度。CSS 有四种应用形式:输入式、嵌入式、内联式和外部样式表。通过这些形式,开发者可以灵活地将样式应用到 HTML 元素中。CSS 的优势在于其表达力,能够通过选择器的声明和属性来精确控制页面布局。例如,margin 用于设置外边距,padding 用于设置内边距,而 float 则控制元素的浮动。

Div + CSS

你的外边距可能就是他的内边距你的内边距也可能是别的外边距

Div + Css的优势

CSS 表达

选择器的声明

CSS的继承

属性

clear
float
Padding可以被认为是内边距
margin可以被认为是外边距
margin-right:automargin-left:auto这个就是中间对齐了。
果没有大小限制,margin可以写无限大哦而且还要考虑到相对性,a的下margin是4cm,a不动就是说b往下走4cm了。

CSS的选择器

伪元素选择器
.......google............

这个就是一个复杂几种方式混合在一起的表达。

.......google......
组合选择器
.......

aaaaaaaa bbbbbbbbcccccccccccem> 5484565

......
关联选择器
.......

5484565

......
.......

5484565

......
ID 选择器
.......

huuhukh

utyfyftffy

6532366h

......

id选择器具有很强的唯一性,但单个页面中是不能重复的。就是为了指定莫一个html的特定元素

因为其唯一性,所以更多的时候是配合javascrip去使用

class选择器
.......

huuhukh

utyfyftffy

6532366h

甚至可以“. 标识”的形式,这样就能更广泛地被使用了。

hhhhhh......

甚至可以“. 标识”的形式,这样就能更广泛地被使用了。

.......

huuhukh

utyfyftffy

6532366h

......

这样就可以对所有的<P>标签进行表述了,只要加上不同class就可以有不同的<P>出现了。

html标记选择器

CSS 4应用种形式

输入式样式表

将一个css文件输入到一个html文件或一个css文件中。

外部式样式表

嵌入式样式表

<!--

//-->该标签的作用是假如浏览器不支持<style>的话,就读这个标签(注释用标签),那么就可以把里面的内容给省略掉了。

内联式样式表

abcdefg

Div 必须和CSS配合使用才能发挥它的作用,否则就是一个普通的标签了。

Div + CSS