HTML和CSS设计03-CSS基础

时间：2023-04-02 21:11:48 HTML

CSS基础1、CSS基本语法选择器{attribute:属性值}2、CSS引用方法1、行间样式...

2、内部样式3.为外部样式创建一个CSS文件，然后使用link标签导入这个标签···Emmentwriting:link:css4.导入外部样式，首先创建一个CSS文件，然后在样式中使用import导入这个文件（一般不用）3.CSS选择器1.*：匹配html中的所有元素2.标签选择器：匹配对应的3.类选择器：匹配对应类命名的标签。wrapper{...}类选择器

4.id选择器：匹配id#对应的标签content{...}id选择器

5.发送选择器：根据context.box确定选择标签li{...}

001

li002

sub1

四。选择器分组允许多个元素具有相同的样式，一般使用Setpublicstyle5.选择器继承子元素可以继承父元素的样式，否则not6.CSS字体CSS字体（https://segmentfault.com/a/11...提示：font可以依次组合：font:font-stylefont-variantfont-weightfont-sizefont-family示例：font:italicsmall-capsbolder;7.CSS背景CSS背景(https://segmentfault.com/a/11...)8.伪类选择器1.不同的设计链接Status:linked/:visited/:hover/:active2.表单获得焦点并用在文本框上：focus3.选择某个元素elements:first-child,:last-child,:nth-child(number)效果：九。AttributeSelector属性选择器(https://segmentfault.com/a/11...)十。关系选择器1.Space：后代选择器2.>：只选择子元素3.+：兄弟选择作用：十1.伪元素选择器伪元素选择器(https://segmentfault.com/a/11...)十二。浮动效果：让块级元素不占一行float:left/right/inherit（继承父类的float属性）