CSS 笔记之 CSS 选择器

【CSS 笔记之 CSS 选择器】的更多相关文章

css笔记09：选择器优先级

1. (1) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C…

CSS 笔记之 CSS 选择器

/*先设置背景再设置前景*/ pre{ background-color: #f8f8f8; border: solid 1px #ccc; border-radius: 3px; overflow: auto; font-size: 15px; font-family: Consolas, Courier, monospace; padding: 6px 10px; line-height: 20px; tab-size: 4; } code{ background-color: #f8f8f…

css笔记11：选择器练习

1. (1)exam1.css文件: .s1 { font-size: 50px; color: blue; } .s2 { backgoround:gray; font-style: italic; color: red; } .s3 { background-color: gray; } (2)exam1.html文件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www…

css笔记02：选择器（标签式和类）

body { margin:; padding:; background:#000 url('images/backgrounds/star.png') no-repeat fixed; font: 12px sans-serif; } 这里body就是选择器,这里将margin.padding.background及font等CSS属性应用到到这个body元素之中, 要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器. HTML页面中的元素就是通…

css笔记——关于css中写上charset “utf-8”

当css文件中写上 charset "utf-8" 时需要将body和html的样式分开写例如: html,body{margin:0;padding:0;font-family:"Microsoft Yahei"} 此时body的margin和padding设置不起作用,也就是没办法覆盖浏览器默认的样式 font-family也不起作用,需要将html和body的样式分开写改为: html{margin:0;padding:0} body{margin:0;…

【css笔记】css中的盒模型和三种定位机制(固定定位,绝对定位,浮动)

html页面上的元素都可以看成是框组成的,框通过三种定位机制排列在一起就过程了我们看到的页面.而框就是盒模型. 盒模型 1.页面上的每个元素可以看成一个矩形框,每个框由元素的内容,内边距,边框和外边距组成. 2.如果在元素上添加背景,则背景是边框, 内边距和内容组成的区域. 3.在css中width和height指的是内容区域的宽度和高度.增加内边距,边框和外边距不会影响内容区域的尺寸,但会增加元素框的总尺寸.即width=element 注意:ie的盒模型中,width指的是内容,内边距,和边…