南京网站制作公司

当前位置: 网站首页 - 新闻动态 - 安优观点 -

CSS书写格式、一个手机页面的基本结构详解

发布时间:2024-09-05

来源:

一、CSS书写格式

1.行内样式

可以直接将CSS代码直接写到开始标签中

我是div

2.内嵌样式

可以在一对head标签中写上一堆style标签,然后再style标签中编写CSS代码

3.外链样式

单独写一个css文件,把CSS代码写到这个文件里面,然后html文件中通过link标签把这个文件和html文件关联起来。

这是HTML文件

4.导入样式

与第三种方式相类似,但是导入的方式是不同的

注意点:企业开发中大多使用外链的样式,这样使得结构和样式相互分离。那么为什么不使用导入样式呢?

@import

二、从0到1构建一个网站

1.编写网站要做的第一件事情

创建站点文件夹,并且创建一些子文件夹和子文件​,例如:CSS文件夹、js文件夹、image文件夹,index.html

注意点:创建站点文件夹可以使用中文命名,但是站点文件夹里面的子文件夹和子文件不能出现中文​。

2.重置所有的默认样式和设置一些全局样式,并且将设置样式的css文件和对应的界面相关联起来

3.制作一个努比亚的网页

(1)先来看看结构目录

(2)主题内容代码

(3)CSS样式代码

三、源码:

D194_CSSWritingFormat.html

项目:Nubia

地址:

总结

策略思维与细节的完美结合,有效帮您减少试错成本

策略思维与细节的完美结合,有效帮您减少试错成本

立即与安优联系,开启网站设计全新体验

立即与安优联系,开启网站设计全新体验

立即与安优联系
开启网站设计全新体验

立即与安优联系
开启网站设计全新体验

在线咨询

在线咨询

拨打电话

返回顶部

品质设计 用心服务

  • 12年+定制经验

  • 600+客户选择

  • 高效售后保障

7*24小时服务热线