北京中科医院在哪里 https://mip.yyk.99.com.cn/fengtai/68389/jianjie.html概述将前端结构化，html是文档结构、css是设置样式（美化页面）、js是逻辑结构重点是选择器和盒子模型发展史CSS1.0CSS2.0：DIV（块）+CSS，HTML与CSS结构分离的思想，网页变得简单，SEOCSS2.1：浮动，定位CSS3.0：圆角、阴影、(动画…浏览器兼容性~)快速入门1.位置1.行内关联：就是在标签内部设置样式，在标签内写styledivid=envstyle=color:red;/div2.内部关联和html在一个文件中，即写入head里面html3.head4.style样式内容/style5./head6.body/body7./html8.外部关联就是将css专门写成一个单独的文件linkrel=stylesheethref=css/style.css/2.导入方式主要是外部关联的方式，如何导入使用link关键字，在href加入地址使用improtimporturl(css/style.css);3.优先级就近原则，谁离的近谁的样式就生效---行内样式离的最近基本选择器1.标签选择器--标签名stylebody{//具体的样式}div{//具体的样式}/style2.类选择器--.类名style.classname{//具体的样式}/style3.Id选择器--“#id名”style#env{//具体的样式}/style4.优先级关系id选择器类选择器标签选择器高级选择器1.层次选择器可以依据html文档数的层次来进行样式的选择设置后代选择器styledivp{//div标签下的p标签样式}/style子代选择器styledivp{//div标签下的第一个p标签样式}/style通用选择器style.classname-p{//classsname后所有的标签}/style2.伪类结构选择器
概述：什么是伪类，就是有逻辑的，并没有直接指明是那里变化，就是依据逻辑位置来判断使用：标签、类、id后使用：styleulli:first-child{/*ul的第一个子元素*/background:aqua;}ulli:last-child{/*ul的最后一个子元素*/background:blue;}/*选中p1：定位到父元素，选择当前的第一个元素选择当前p元素的父级元素，选中父级元素的第一个，注意：并且是当前元素才生效！*/p:nth-child(1){background:orange;}p:nth-of-type(2){/*选中父元素下的，第2个p元素*/background:red;}a:hover{color:green;}/style3.属性选择器--常用属性名=属性值（正则）=表示绝对等于*=表示包含^=表示以...开头$=表示以...结尾存在id属性的元素a[]{}stylea[id]{background:yellow;}a[id=first]{/*id=first的元素*/background:green;}a[class*=links]{/*class中有links的元素*/background:bisque;}a[href^=
转载请注明：http://www.aierlanlan.com/tzrz/6515.html
