网站建设
建站培训SEO

您的位置:主页 > 行业快报 > 建站培训 > web前端开发基础教程:行内样式和浏览器默认样式

web前端开发基础教程:行内样式和浏览器默认样式

上海网站建设公司建站资讯2018-05-15

如何编写css样式?

缺省样式(浏览器样式)

1.可以通过设置修改浏览器的样式(浏览器中设置→高级设置:可以修改css默认的样式)

2.所有的标签都有默认的样式:h1,h2,p,p,span,ul等,我们称为浏览器样式或者默认样式

引入css样式

行内样式:通过在标签中设置style属性来达到实现控制标签的样式的效果

<h1 style="color: red;font-size: 12px;">上海垒越科技有限公司</h1>

其中colorfont-size表示属性名,red,12px表示属性值。Style属性中可以设置多条的css样式。

内嵌(嵌入,内部)样式:head标签中,嵌套一个style标签,在style标签中可以书写css的样式内容

Style标签中有一个属性type属性,默认值就是text/css,可以省略。例如demo:

<style>

p{

     color:green;/*设置前景色,也就是字体的颜色*/

     background-color:silver;/*设置背景色*/

}

</style>

外部样式,外联样式(link

通过link标签引入css样式文件

<link rel=”stylesheet”  href=”css/css.css”>

Type属性:只有一个选项,”text/css”,指定当前为css文本文件

Rel:指定单钱html文件与css文件的关系是样式表,href:指定外联样式表的路劲

导入样式:@import,导入样式会导致css文件不能并行下载,不推荐使用,且导入样式的书写必须在所有的css规则书写之前



该文章由上海垒越科技网站建设http://www.lvon8.com原创编写,转载请保留此地址!否则视为侵权,谢谢合作!
TAGweb开发,web开发培训教程,样式的概述,上海网站建设,上海网站制作,上海APP开发

最新案例

最热文章

更多最新文章

网站关键词

上海垒越科技有限公司版权所有 Copyright©2008-2018 http://www.lvon8.com All Rights Reserved 备案号:沪ICP备14049216号