第一节、CSS代码语法
CSS全称为层叠样式表(CascadingStyleSheets),它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。
css代码通常存放在style/style标签内
css样式由选择符和声明组成,而声明又由属性和值组成
选择符{属性:值}例:p{color:red;}
选择符:又称选择器,指明网页中要应用样式规则的元素
声明:在英文大括号{}中的的就是声明,属性和值之间用英文冒号:分隔。当有多条声明时,中间用英文分号;分隔,如:
p{font-size:12px;color:red;}
第二节、CSS放置位置
行内样式
直接书写在标签的style属性中
不建议使用
divstyle=width:px;height:px;/div
内联式样式表
写在style/style标签中
!DOCTYPEhtmlhtmlheadmetacharset=UTF-8title/titlestyle.box{width:px;height:px;background-color:red;}/style /headbody/body/html
外联样式表
将一个独立的.css文件引入到HTML文件中,使用link标签写在head标签中。链接是会以网页文件主体装载前装载CSS文件。
rel=stylesheet定义类型为层叠样式表,一定要写
!DOCTYPEhtmlhtmlheadmetacharset=UTF-8title/titlelinkhref=My.cssrel=stylesheettype=text/css /headbody/body/html
web第三节、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