这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天 css,用于定义页面元素的样式,设置字体颜色,位置大小,动画效果。 选择器分为选择器property,属性值,声明declaration组成。 内嵌式:css卸载style标签中 外联式:css写在单独的.css文件中(需要通过link标签在网页中引入) 行内式:css卸载标签的style属性中 (js使用)
选择器selector,通配选择器,标签选择器,id选择器,类选择器,属性选择器。 伪类分为状态伪类和结构伪类。
1.关键词:red,green。。。 2.十六进制表示法:#000000 3.rgb表示法:rgb(0,0,0) 4.rgba表示法:rgba(255,255,255,0,5) 5.hsl(211,66%,66%) 6.alpha透明度,当等于1为不透明 font-size:100px; 字体大小
font-weight: 700; 字体加粗
font-style: normal; normal正常 italic倾斜
font-family:楷体,宋体,sans-serif; 字体 先用楷体没有就用宋体最后没有用sans-serif 样式的层叠问题:一个css设置多个颜色.one{ } //后面的覆盖前面的颜色
字体font相关属性的连写(属于符合属性):font:style weight size 字体; font: italic 700 66px 宋体; font-style: normal;(单独设置 需要放在复合属性后面)
继承,某些属性会自动继承其父级元素的计算值,除非显示指定一个值
元素的显示模式 : 块级元素:独占一行,宽度默认是父元素宽度,高度默认由内容撑开,可设置宽高 代表标签(div p h系列 ul li dl dt dd等) 行内元素:一行可以显示多个 宽度和高度默认由内容撑开,不可设置宽高 代表标签(a span b u i s strong ins em等) 行内块元素:一行可以显示多个 可以设置宽高 代表标签(input img textarea button select等) 元素显示模式转换:display:block 转换成块级元素 display:inline-block 转换成行内块元素 display:inline 转换成行内元素(较少使用) 拓展:块级元素一般作为大容器,可以嵌套:文本,块级元素等,但是p标签中不要嵌套div p h等块元素 a标签内部可以嵌套任意元素,但是a标签不能嵌套a标签