这是我参与第五届青训营伴学笔记的第2天,今天学了“理解css”
css是什么?可以说它是层叠样式表,css用于设计风格和布局,可以改变内容的字体,颜色,大小,间距,将内容分为多列,还可以添加动画等等。CSS规则由两个主要部分构成:选择器以及一条或多条声明。
每条声明由一个属性和一个值组成。属性(property)是设置的样式属性,每个属性有一个值,属性和值被冒号分开。
比如 selector{property:value}选择器通常是需要改变样式的HTML元素。
比如 h1{color:red; font-size:14px;} h1是选择器,color和font-size是属性,red和14px是值。
注意:如果定义不止一个声明则需要用分号将每个声明分开。例如:p{text-align:center;color:red}
如果值为若干单词,则要给值加引号: 例如:p {font-family: "sans serif";}
创建css:内部样式表
选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
div{width:200px; height:200px; border:1px solid red;}
行内式(内联样式)
外部样式表(外链式)
这三者的关系:样式优先级:内联样式>内部样式>外部样式
还有各类选择器,分好几类,比如id和class,父类和子类等等,这里就不一一赘述了。我认为css把看开发者对css的熟练度掌握多少,还有对新属性的快速上手,和想到效果就知道怎么查 这些问题解决看作一个好的样式设计者的条件,css需要很多的实践操作才能炉火纯青。
css的作用不言而喻有很多:1.在几乎所有的浏览器上都可以使用。2.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。3.使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。4.你可以轻松地控制页面的布局 。5.你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。