css样式|青训营笔记

71 阅读2分钟

这是我参与「第五届青训营 」笔记创作活动的第2天 css作用:定义元素样式,渲染页面,进行简单动画制作。 css构成:外部选择器、{}、括号内相应的选择器属性、元素数据声明构成。通过对元素内部的重定义实现元素样式的改变,美化网站以增强网站的可读性。 css引用方法:外链式 嵌入式此处添加若干选择器 内联式<某标签 style="margin:0">example

以上三种方法各有利弊,比较推荐第一种外链式,即css独立成文,便于分享和修改。 选择器类型:标签:形如h1、a、p等标签,表现为html文档内所有此标签内部文本均采取相应css样式。 属性选择器:通常情况下只有一个。css内用#发起,html内用id=“”引用。 类选择器:规定一类元素的范式,可以有多个,用.发起,html内用class=“”引用。 通配选择器:css内部用* 开始,定义html内部所有元素。 特定属性效果: 形如input中的disabled属性,可以在css中以[disabled]{}的形式来单独对此标签进行样式定义。 也可以采取精准定义,形如input[type="password"]{}来单独对类型为password的input按钮进行样式定义。 ^=" "表示为对以“”内开头的标签进行元素渲染。应用举例a[href^="#"]{}则为对所有的标签进行定义。 同上述用法$=为对后缀为。。。的标签进行定义。 分属性标签细化定义:例如超链接a 标签,可以以a:的形式在后坠上其相应属性,如link(原链接)、visited(点击后)、hover(鼠标悬浮时)、active(点击时)。 而focus为表示为选中时,可针对所有可选中的标签。 节点法:frist-child对该标签的第一个子节点进行定义;last——child对该标签最后一个子节点进行样式设置。

css.jpg标签嵌套顺序规则。 老师讲的css不止于此,还介绍了颜色选择(rgb、hsl、alpha) 以及font-family字体 font-weight字体粗细 line-height行间距 while-space空格即换行合并情况处理 调试css 此处不详细介绍 ---未完待续---