第一节、CSS代码语法
CSS全称为层叠样式表(Cascading Style Sheets),它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。
css 代码通常存放在标签内
css 样式由选择符和声明组成,而声明又由属性和值组成
选择符{属性:值},例:
p{color:red;}
选择符:又称选择器,指明网页中要应用样式规则的元素
声明:在英文大括号{}中的的就是声明,属性和值之间用英文冒号:分隔。当有多条声明时,中间用英文分号;分隔,如:
p{font-size:12px;color:red;}
第二节、CSS 放置位置
行内样式
直接书写在标签的style属性中
不建议使用
内联式样式表
写在标签中
外联样式表
将一个独立的.css文件引入到HTML文件中,使用标签写在
标签中。 链接是会以网页文件主体装载前装载CSS文件。rel="stylesheet"定义类型为层叠样式表,一定要写
第三节、CSS的继承
CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。
不可继承样式:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear
可以继承的样式:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction、visibility、cursor