【牛腩新闻发布系统】——CSS
来源:互联网 发布:大学生java培训机构 编辑:程序博客网 时间:2024/03/29 22:51
前言:
CSS必备基础知识:HTML在上一篇博客中讲了,接下来我们学习下CSS的相关内容
正文:
什么是CCS
官方解释:
层叠样式表:Cascading Style Sheets是一种用来表现HTML等文件样式的计算机语言,CSS不仅可以静态地修饰网页,还可以配合各种语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版刑诉级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力
个人简单总结:
CSS是一种能够静态或动态地对网页中元素排版字体字号等样式进行编辑
CSS的目的:
主要是为了让样式和内容分离
CSS主要通过什么联系内容与样式呢?
通过CSS选择器:ID选择器 > 类选择器 > HTML标签选择器
●ID选择器:在某些方面ID选择器类似于类选择器,不过也有些重要差别。首先在语法上:ID选择器前面必须有一个#号;其次ID选择器不引用class属性的值
Demo:
.CSS文件中内容
.aspx文件中的内容
运行结果:
● CSS类选择器:类选择器允许以一种独立于文档元素的方式来制定样式,该选择器可以单独使用,也可以以其他元素结合使用。但只有在适当地标记文档后,才能使用这些选择器 。为了将类选择器的样式与元素关联,必须将class指定为一个适当的值。
Demo:
.CSS文件中内容
.aspx文件中的内容
运行效果:
●标签选择器如:p td tr h1 h2 span a 标签选择器,是所有带有某种标签的都生效。这里以p为例,也就是所有的带有p标记的都会这样的样式。因为很简单,所以在这里就不赘述了,大家到时候自己体会下就明白了
CSS核心内容:
标准流:
盒子模型:
浮动:
设置浮动:
清除浮动:
定位:
绝对定位:
相对定位:没有脱离标准流
- 【牛腩新闻发布系统】——CSS
- 牛腩新闻发布系统——初探CSS
- 【牛腩新闻发布系统】——CSS学习
- 牛腩新闻发布系统(2)——大战CSS
- 【牛腩新闻发布系统】——CSS初识
- 牛腩新闻发布系统——总结
- 牛腩新闻发布系统——触发器
- 牛腩新闻发布系统——总结
- 【牛腩新闻发布系统】——总结
- 【牛腩】——新闻发布系统收工
- 【牛腩新闻发布系统】——总结
- 【牛腩新闻发布系统】——牛腩初印象
- 【牛腩新闻发布系统】之CSS总结
- 从牛腩新闻发布系统看css
- 牛腩新闻发布系统之Css总结
- 牛腩新闻发布系统——发布以及远程访问
- 牛腩新闻发布系统——网站发布
- 【BS学习】牛腩新闻发布系统——网站发布
- GIT error: The following untracked working tree files would be overwritten…
- less命令
- 列表的基本操作 of Python
- MySQL 系列第二天
- RabbitMQ消息队列(一): Detailed Introduction 详细介绍
- 【牛腩新闻发布系统】——CSS
- placeholder样式设置
- 导航栏标题
- CentOS6 安装并破解confluence
- 前端模块化,AMD与CMD的区别
- Android 设置按钮点击时候颜色背景的改变
- centos7下安装rar解压软件
- hdu-4821(BKDRHash字符串哈希)
- xsi:schemaLocation有何作用