CSS初探
2016-04-01 19:41
531 查看
好多人都写了关于CSS初探的博客,看博客的时候就在想CSS是什么?当时阅读也不是很懂,现在学习之后才知道,哦,原来CSS是这个啊。
CSS(Cascading Stylesheet)也被称为层叠样式表,是在网页制作的时采用的一种技术,利用它可以有效、灵活地对网页的布局、字体、颜色、背景和其他效果实现更加精确和美观的控制。它的主要优点是能够将网页的内容和样式进行分离。
CSS的种类有三种,分别为外部样式表、内部样式表和行内样式表。
CSS是以样式表的存在位置来分类的:外部样式表存在于HTML文件的外部,是另外的一个后缀名为.css的文件。内部样式表存在于HTML文件的内部,在标签内,有具体的样式定义。行内样式表也处于HTML文件的内部,但是在标签管辖范围内,以属性的形式设置某一个标签的样式。
CSS和HTML的关系:
CSS核心内容主要有一下几点,其中最为重要的是盒子模型,需要好好的理解。
1.标准流:HTML标签的排列形式(属性展现的先后和标签写的先后一致)
2.盒子模型:每幅画是个盒子(有画框),画框和画框之间的距离为外边距(boder),画和画框距离之间的距离为内边距(padding),无论是外边距还是内边距都有一定的属性宽和高等。
3.浮动(float):主要更改一个标签的对齐和排版形式。
4.定位(position):分为绝对定位(absolute)和相对定位(relative)。
CSS选择器有三种,分别为类选择器(.Name),ID选择器(#Name),HTML标签选择器(.Name)。其中类选择器在CSS中以“.+ClassName”形式书写,ID选择器在CSS中以“#+IDName”形式书写,HTML选择器在CSS中以“HTMLName”形式书写,其目的都是来更好的展现网页的布局和属性。
CSS选择器优先级:ID选择器>类选择器>HTML标签选择器(样式排列顺序无关,与CSS的样式排列顺序有关)
目前对CSS的大概了解就到这里,希望日后能够更好的深刻学习这方面的内容。来句心灵鸡汤:努力吧孩子,你会更辉煌的。
CSS(Cascading Stylesheet)也被称为层叠样式表,是在网页制作的时采用的一种技术,利用它可以有效、灵活地对网页的布局、字体、颜色、背景和其他效果实现更加精确和美观的控制。它的主要优点是能够将网页的内容和样式进行分离。
CSS的种类有三种,分别为外部样式表、内部样式表和行内样式表。
CSS是以样式表的存在位置来分类的:外部样式表存在于HTML文件的外部,是另外的一个后缀名为.css的文件。内部样式表存在于HTML文件的内部,在标签内,有具体的样式定义。行内样式表也处于HTML文件的内部,但是在标签管辖范围内,以属性的形式设置某一个标签的样式。
CSS和HTML的关系:
CSS核心内容主要有一下几点,其中最为重要的是盒子模型,需要好好的理解。
1.标准流:HTML标签的排列形式(属性展现的先后和标签写的先后一致)
2.盒子模型:每幅画是个盒子(有画框),画框和画框之间的距离为外边距(boder),画和画框距离之间的距离为内边距(padding),无论是外边距还是内边距都有一定的属性宽和高等。
3.浮动(float):主要更改一个标签的对齐和排版形式。
4.定位(position):分为绝对定位(absolute)和相对定位(relative)。
CSS选择器有三种,分别为类选择器(.Name),ID选择器(#Name),HTML标签选择器(.Name)。其中类选择器在CSS中以“.+ClassName”形式书写,ID选择器在CSS中以“#+IDName”形式书写,HTML选择器在CSS中以“HTMLName”形式书写,其目的都是来更好的展现网页的布局和属性。
CSS选择器优先级:ID选择器>类选择器>HTML标签选择器(样式排列顺序无关,与CSS的样式排列顺序有关)
目前对CSS的大概了解就到这里,希望日后能够更好的深刻学习这方面的内容。来句心灵鸡汤:努力吧孩子,你会更辉煌的。
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 盒子模型
- CSS选择器
- CSS样式优先权
- [css] line-height 百分比单位和数值单位的区别
- Apple官网研究之使用Justify布局导航
- 设计更快的网页(三):字体和 CSS 调整
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- 欲练CSS ,必先解决IE的一些细节分析
- CSS文字截取功能实现代码