【前端】css相关

css的样式写法参考

<div style="width:100px;height:100px;background:red;"></div>   <!--行内样式写法--><style type="text/css">#div{width:100px;height:100px;background:red;}              /*内连样式写法*/</style><link rel="stylesheet" type="text/css" href="ccss.css">     <!--外连样式写法-->#div{width:100px;height:100px;background:red;}              //.css文件中直接写

css的优先级

1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。

2. 作为style属性写在元素内的样式

3. id选择器

4. 类选择器

5. 标签选择器

6. 通配符选择器

7. 浏览器自定义或继承

更加精准的选择

思路：使用元素+类 || +id选择器 注意：精确选择时，俩个选择器中间不能有空格，要紧挨着，否则不生效

<style> p.blue{     color:blue;} </style> <p class="blue">class=blue的p</p> <span class="blue">class=blue的span</span>

如何使用百分比？

如果想使用百分比，那就要先给它父容器的width:100%;然后在设置子元素的width:50%才会生效