网页设计与制作教程

最新推荐文章于 2024-06-08 16:56:49 发布

一加一等于6

最新推荐文章于 2024-06-08 16:56:49 发布

阅读量85

点赞数 1

文章标签： tensorflow 人工智能 python

本文链接：https://blog.csdn.net/2301_79985896/article/details/134102211

版权

CSS篇

1.存放css的样式文件的目录一般命名为style或css

2.在项目初期，会把不同类别的样式放于不同的css文件，是为了css编写和调试的方便；在项目后期，出网站性能的考虑会将不同的css文件整合到一个css文件中，这个文件一般命名为style.css或css.css。

3.所有css选择符必须由小写英文字母或下画线“——”，数字组成，且必须以字母开头，不能以纯数字。设计者要用有意义的单词或字母组合来命名选择符，做到”见其名知其意“，这样就节省了查找样式的时间。样式名必须能够大致表示样式的含义（禁止出现如Div1，Div2，style等命名）

4.ctrl+l：加注释

5.ctrl+k：重排代码格式

6.在html 中使用css的方法

.1 行内样式：<标签 style="属性:属性值；属性：属性值;...">...</标签>

行内样式虽然是最简单的css使用方法，但由于需要为每一个标记设置style属性，且当将表现和内容混在一起时，行内样式会损失掉样式表的许多优势，后期维护成本依然很高，而且网页文件容易过大，因此不推荐使用。

.2 内部样式

内部样式也称嵌入样式是指把样式定义<style>..</style>作为网页代码的一部分放到头部定义<head>...</head>中，定义的样式可以在整个html文档中调用。内部样式与行内样式的异同是，行内样式的作用域只有一行，而内部样式的作用域是整个html文档。

内部样式的格式为：

选择符1{属性：属性值；属性:属性值；...} /*注释内容*/

选择符2{属性：属性值；属性:属性值；...}

........

选择符n{属性：属性值；属性:属性值；...} /*注释内容*/

</style>

属性和属性值之间用冒号隔开，属性之间用分号隔开。

.3 链入外部样式表文件

用link标签链接样式表文件

<head>

...

</head>

其中<link>标签表示浏览器从"外部样式表文件名.css“文件中以文档格式读出定义的样式表。

rel=“stylesheet”属性定义在网页中使用外部的样式表文件，type=“text/css”属性定义文件的类型为样式表文件，href属性定义.css文件的url。

7.css的两个重要属性

1.层叠

css的第一个熟悉是层叠，层叠是指css能够对同一个元素应用多个样式表样式可以规定在单个的html元素中。在html页的头元素中，或在一个外部的css文件中。甚至可以在同一个html文档内部引用多个外部样式表。一个html文档可能会使用多种css样式，具体到某种元素来说，会层叠多层样式，当同一个html元素被多种样式定义时，会使用那种样式呢？

即样式生效的优先级从高到低的顺序为：行内样式内部样式外部样式浏览器默认设置。