南京h5 网站建设,建设部网站首页格式合同,企业宣传画册设计公司,北京有哪些网站建设公司文章目录一、css定位场景二、css相对定位的优点三、css的调试方法1、表达式中含有字符串#xff1a;表达式中的引号一定和外面字符串的引号相反四、css基础语法1、标签定位2、class定位特别注意#xff1a;当class类型的属性值包含多个分割值#xff0c;$(.s_tab s_tab_1z9n… 文章目录一、css定位场景二、css相对定位的优点三、css的调试方法1、表达式中含有字符串表达式中的引号一定和外面字符串的引号相反四、css基础语法1、标签定位2、class定位特别注意当class类型的属性值包含多个分割值$(.s_tab s_tab_1z9nv)不适用。解决方法将空格替换为. $(.s_tab.s_tab_1z9nv)3、id定位4、属性表达式五、css关系定位1、并集2、临近兄弟平级、挨着3、兄弟平级、不挨着4、父子关系后代用的多六、css的顺序关系父子关系顺序一、css定位场景
1、支持web产品 2、支持app端的webview原生的不支持
二、css相对定位的优点
1、可维护性强 2、语法更加简洁 3、解决各种复杂的定位场景
三、css的调试方法
css定位的3要素$、小括号、字符串(单引号、双引号都支持) 进入浏览器console 输入:$(css表达式)或者$$(css表达式)
1、表达式中含有字符串表达式中的引号一定和外面字符串的引号相反
四、css基础语法
类型表达式标签标签名类.class属性值id#id属性值属性[属性名’属性值‘]1、标签定位
支持索引
2、class定位 特别注意当class类型的属性值包含多个分割值$(‘.s_tab s_tab_1z9nv’)不适用。 解决方法将空格替换为. $(‘.s_tab.s_tab_1z9nv’) 3、id定位 4、属性表达式 五、css关系定位
类型表达式并集元素元素临近兄弟元素元素兄弟元素1~元素2父子元素元素后代元素 元素
1、并集 2、临近兄弟平级、挨着 $(#lg#result_logo) 3、兄弟平级、不挨着 $(#lg~#form) 4、父子关系
可以一直嵌套下去 局限性不稳定
$(#head.head_wrapper) 后代用的多
$(#head #lg) 可以一直嵌套下去 $(#head .s_form #lg)
六、css的顺序关系
类型表达式父子关系顺序元素 元素父子关系标签类型顺序元素 元素父子关系顺序
$(#wrapperdiv:nth-of-type(1))
