第八章css基础知识
css基础知识:css样式表的定义css:(CascadingStyleSheets)层叠样式表;分类及位置:内部样式-head区域style标签里面外部样式-link调用内联样式-标签元素里面css内的注释:/注释内容/css样式表的语法英文单词#开头16进制6位数(两两相同可以缩写)rgb(0,0,0)CSS规则由两个主要的部分构成:要添加样式的盒子名或者标签名、和要添加的样式。盒子名或者标签名{属性:值;}三种颜色表示方法:内部样式表(单单做一个页面时)当单个页面需要设置样式时,就应该使用内部样式表。使用style/style标签在文档head/head里面定义内部样式表
headstyletype=text/cssp{color:red;}/style/head
从外部引入到样式分为两种:(注意写在head标签里面)当样式需要应用于很多页面时,就需要用到外部样式表,首先需要创建一个css文件,然后引用到我们的页面中。Link样式表式:linkrel=”stylesheet”type=”text/css”href=”my.css”(href表示路径)Html式:styletype=text/css
importurl(css.css);/style内联样式表(优先级高)写在标签里面的样式如:pstyle=color:red;/p表示给p标签里面的文字颜色设置为红色区别:外链样式与导入样式link标签是属于xhtml范畴,而import则是css2.1中特有的。link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,import就只能加载CSS了。加载的顺序的区别,link加载的css时,是一种并行(没有尝试是否是这样)加载CSS方式,而impor则在整个页面加载完成后才加载。兼容性的区别,因import`CSS2.1才特有的,所以对于不兼容CSS2.1`的浏览器来说,无效。在样式控制上(比如动态改变网页的布局时,使用javascript操作DOM)的区别,此时import就无能为力了。