Css技术选择器的应用解析和编码问题怎么解决
这篇文章主要介绍了Css技术选择器的应用解析和编码问题怎么解决的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇Css技术选择器的应用解析和编码问题怎么解决文章都会有所收获，下面我们一起来看看吧。
1、ID选择器与类选择器优先级
ID选择器优先
2、CSS文件中编码问题
1）要么就删除，默认就是编辑器的编码
2）有的浏览器不识别，在编码后加上“;”
3、属性和样式是否正确
直观的办法就是保存运行，看看是否是正确；如果不正确
1）大胆的去尝试；
2）找到对应的标签，把行内样式抽取成内嵌或外链，绝对没错。
4、定位原点：
1）所有的元素都在BODY中显示，那么body的原点就是最左上角(0px,0px)
2）其他元素放到容器，那么这个容器的最左上角就是该容器的原点
3）在BODY中的标签相对于BODY定位是该标签的最左上角相对于BODY原点的x，y坐标为准
背景设置与盒子模型
一、宽(width)高(height)度设置：
1、行内元素与块元素的区别
宽高度设置对于有些行内元素无效；图片、表格有效；网页中使用的图片比较多，建议控制图片宽高度，以便控制显示内容大小（图片会缩放，最好按等比例来设置，否则会变形）。
2、指定像素与百分比
一般情况下行内样式需要设置宽度的单位，比如说像素px（pixel）；设置宽度为百分比可以固定宽度，比如块元素DIV，宽度不设置为100%，高度为0px(或内容的高度)，以单位值固定的宽高度的标签内容超出不会在容器内显示。
二、背景（background）：
背景色Background-color
背景图片 background-image:url(图片路径); 默认会水平、垂直方向重复
Url：统一资源定位符，就是资源的地址。
注意外链样式尽量不要使用图片背景，非要使用可以使用服务器根目录定位。
背景重复 background-repeat: no-repeat repeat-x repeat-y
背景吸附 background-attachment:scroll (默认，随对象滚动) fixed（固定）
<body style="background-image:url('1.jpg'); background-repeat:no-repeat;
background-attachment:fixed; height:1500px;">
asfasdfasdfsadfdsfa
</body>
背景定位 background-position:top center bottom left right x y（用于一张图片背景定位，容器不动背景图像移动！！！），例如一张图片背景定位
<div style="width:100px; height:100px; background-image:url(1.jpg); background-repeat:no-repeat; border:1px solid black; background-position:-201px -236px;"></div>
background-size:cover可以让背景图片拉伸，但是要求IE8以上版本！！！
关于“Css技术选择器的应用解析和编码问题怎么解决”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“Css技术选择器的应用解析和编码问题怎么解决”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网行业资讯频道。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
