大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这个要看具体情况的,需要看场景来抽公共的。
创新互联公司专注于泰安企业网站建设,成都响应式网站建设公司,成都商城网站开发。泰安网站建设公司,为泰安等地区提供建站服务。全流程按需搭建网站,专业设计,全程项目跟踪,创新互联公司专业和态度为您提供的服务
比如:常见的抽公共是以模块为单位的集合,比如按钮、布局类的(如栅格布局flex)等,能经常用到的模块。
那如果所有属性都抽公共的话,会导致html页面里class的值太多,比如color属性抽一个,font抽一个,padding抽一个等。会使得class值太长,从而导致html页面的大小变大,同样会不利于页面的加载。
所以最好适中,把常用的抽公共,比较独立的就单独写样式。
首先将css写入一个单独的样式文件,比如style.css,
然后在所有需要此样式的页面导入此样式
如楼上的说法:link rel="stylesheet" type="text/css" href="mystyle.css"
现在很多网站为了让页面基本样式风格统一,都会创建一个默认的样式表,这个样式表会在所有页面载入,相当于页面初始化样式的意思,先导入默认样式表,然后每个页面再根据自身的不同导入自身独特的样式
内嵌样式:style type="text/css".body{width:100%; margin:0; padding:0; font-family:微软雅黑; text-align:center;}/style内嵌式都被 style/style标签所包裹!放在页头的head/head之间。行内样式:table style="width:100px; height:100px; background:#f00;"/table行内样式是在html标签内定义style属性!其他样式自己查吧!
在所有需要该公用css的html页面的head/head中的任意位置加入link href="CSS文件的相对路径或绝对路径" rel="stylesheet" type="text/css" /,注意css的路径。
例如:
style.css 在 css文件夹里,html文件和css文件夹在同一目录下
link href="./style.css" rel="stylesheet" type="text/css" /
如果你担心你的颜色值经常变动
建议,你用SCSS来写CSS代码
把经常,或者 可能 变动的值 写成变量。
具体,你可以查看scss的官网。