css基础1

使用css的方式

使用css的方式有3种,样式的优先权为:行内样式>内部样式>外部样式

  1. 行内样式
  2. 内部样式
  3. 外部样式
  • 行内样式

    通过html标签的style属性来定义样式。通过这种方式写的样式会覆盖掉其他引入方式的样式。优先选择行内样式。缺点是不利于后期维护,如果一个页面写太多行内样式,也会让页面看着比较乱(不建议使用)

01-css.png
  • 内部样式

    写在<head>的<style>标签内,这种方式用在一个页面中还可以,不利于多个页面使用同一样式(不建议使用)

02-css.png
  • 外部样式

    这种方式需要单独建立一个.css文件,所有的样式都在.css文件中写。这样易于维护,并且适合多个页面引用(建议使用该方式)

03-css.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,121评论 1 92
  • css:层叠样式表,有叫级联样式表。css分为内联方式,内部样式,外部样式。内联方式:只需要将分号隔开的一个或者多...
    An随心阅读 324评论 0 0
  • 1.CSS 认识 层叠样式表 Cascading Style Sheets 是用来规定HTML文档的呈现形式,简单...
    陈皮的柚子怪阅读 530评论 0 2
  • 引入css的方法 推荐优先级由高到低 1.外部样式两种方式 注意引入css文件的路径正确,否则会导致引入无效 1....
    Coding破耳阅读 314评论 0 1
  • (开学) 这个姑娘叫赵晓芬,就在2008年8月,正式成了东宁大学的一名艺术学院学...
    莜南殇阅读 342评论 0 0

友情链接更多精彩内容