CSS 学习简记(一)
来源:互联网 发布:java程序员自我评价 编辑:程序博客网 时间:2024/05/18 20:05
CSS学习简记1:
一、CSS的特点:实现网页文件与网页样式的分离。
二、CSS选择器:
类选择器:在网页文件中用 class标签标的值XXX,在样式表里:.XXX设置该样式即可。
例:
.menu{
//设置样式
}
若class里面包含多个css样式,则中间用空格隔开 即class="menu tool"
若样式起冲突的话,与css样式位于css文件最后的样式一致,与class里面的排序无关。
Id选择器:在网页文件中用 Id标签标记值XXX,在样式表里:#XXX设置该样式即可。
注意:若同时选择了类选择器和ID选择器,id选择器中的样式与类选择器的样式起冲突时,则网页文件会显示与ID选择器一致的样式。
Html标签选择器:在标签里面的内容都与Html标签选择器样式一致。即CSS文件里面的:
body{
/*Html标签选择器:具体样式设置*/
}
三、CSS选择器优先级:
ID选择器>类选择器>Html标签选择器:
四、CSS样式的父子关系:
CSS样式下的子标签,设置样式,以span为例:
.XXX span{
//设置样式
}
五、css样式并列:用,将类名隔开
.menu, .title{
//设置样式
}
- CSS 学习简记(一)
- CSS 学习简记(二)
- es6标准入门 学习简记(一)
- SQL简记(一)
- linux常用基本命令学习简记(一)
- CSS 简记
- App路由简记(一)
- CSS学习(一)
- CSS学习(一)
- css学习(一)
- 学习简记
- CSS学习(一):css语法
- Css学习笔记(一)
- css学习笔记(一)
- Css学习笔记(一)
- CSS学习笔记(一)
- css学习笔记(一)
- CSS学习笔记(一)
- Varnish学习手札
- struts2.0+spring2.0+hibernate3.1多层模型整合完整过程 常见错误(转)
- svn 钩子( python版本 hook) commit后复制到webserver
- python 执行外部命令
- 韩语俗语
- CSS 学习简记(一)
- APACHE 搭配 SVN的安装手记
- 各浏览器的默认CSS
- 开发规范
- 常见的oracle保留字
- MIME 类型列表
- base62
- MySQL外键 Cannot add or update a child row错误的实例解释
- 也谈买房---欢迎朋友讨论