ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

响应式web开发 DAY1

2022-02-21 11:03:55  阅读:114  来源: 互联网

标签:web 浏览器 文件 标签 DAY1 响应 样式表 css 属性


1、在HTML中引入样式表

  行内式 语法如下

    < 标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容</标签名>

  内嵌式 语法如下

    <style>

      选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

    </style>

  <!--style标签一般在head标签中title标签之后,由于浏览器是从上到下解析代码的。css代码放在头部便于解析-->

  链入式

  将所有样式放在一个或多个以.css为扩展名的外部样式表文件中,通过<link></link>标签将 外部样式表文件链接到HTML文件中,其基本语法格式如下:

    <link href="CSS文件的路径" type="text/css" rel="stylesheet" />

  link标签也放在head头部标签中,并且指定<link>标签的三个属性,如下

    href:URL,可为相对路径或者绝对路径

    type:定义所连接的文档类型,比如“text/css”就表示链接的外部文件为CSS样式表。

    rel:定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示该文件是一个样式表文件。

2、css与浏览器,对于不同内核的浏览器,CSS3中部分属性需要添加浏览器的私有前缀,(p7&附录3)

建议 多打几遍别人的可执行代码 打多了就会了==

 

标签:web,浏览器,文件,标签,DAY1,响应,样式表,css,属性
来源: https://www.cnblogs.com/lazyzzzloading/p/15917908.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有