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

 

posted @ 2019-04-28 21:06  蘑菇姐姐L  阅读(121)  评论(0)    收藏  举报