css引入方式

CSS引入方式

行内式

通过style这个标签属性，将css键值对直接写入标签内

 

语法：写在开始标签里面 打一个空格隔开 style=“声明;声明”

内嵌式

style标签放置在head标签中

语法:<style type="text/css"> 选择器{

声明；

声明；

}

</style>

外链式

通过link标签将独立的css文件引入到html文件中

<link rel="stylesheet" type="text/css" href="../css/prism.js"/>

放在head或body里都可以 一般放在head里 title下面

语法：link标签 href=“css样式路径名称”

引入一个外部的css样式表

 

导入式

通过@import 'url'引入一个独立的css文件

css命名规范

1.必须使用英文开头，并且开头字母一律小写

2.所有命名最好都小写

3.尽量不使用缩写

4.如果遇到相差不大class或id,主功能识别字母在前，位置识别字母在后，位置识别字母第一个可大写（如：navTop,menuLeft）

5.遵循驼峰命名法：第一个单词的首字母小写，其余每一个有意义的单词的首字母大写（如：studentInfo,getElementById）

头：header

内容：content/container

尾：footer

导航：nav

侧栏;sidebar

栏目：column

页面外围控制整体布局宽度：wrapper

左中右：left right center

登陆条：loginbar

标志：logo

广告：banner

页面主体：main