2. IT
    3. css样式表

    css样式表

    xiaoxiao2021-04-17  47
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="../css/01.css"/> <style type="text/css">/*type可写可不写，为了优化*/ #price{ color: red; font-size: 50px; } </style> <title>css样式表</title> </head> <body> <!--css写法 分三类--> <!--1:行内样式：样式只在当前标签可用，写法比较繁琐，这种写法要极力避免--> <p> 电脑<span style="color:red;font-size: 50px">1</span>元起 </p> <!--2：内部样式：只在当前页面，比行内写法好一点。 缺点：多个页面无法共用一个样式--> <p> 电脑<span id="price">1</span>元起<!--span标签添加了唯一的属性--> </p> <!--3：外部样式 推荐写法 样式可以复用，做到了样式和文件分离--><!--new stylesheet：01.css--><p> 电脑<span id="price" >1</span>元起</p></body></html> 优先级： 行内样式的优先级高于内部样式 内部样式的优先级高于外部样式 以上效果的实现要符合就近原则，就近原则相同的属性样式，即： 若同时出现行内样式和内部样式，且内部样式符合就近原则， 则显示内部样式内与行内样式中相同的属性，然后继续显示行内样式的其他属性
    转载请注明原文地址: https://ju.6miu.com/read-673577.html

    技术

    最新回复(0)