您好,欢迎访问一九零五行业门户网

CSS学习笔记_html/css_WEB-ITnose

这是学习css样式做的笔记,稍微整理下。也是一个学习的大纲。
css层叠样式表学习主要回答两个问题:
    (一)      css层叠样式表干什么用的?
    (二)      css层叠样式表怎么用的?
回答第一个问题:css层叠样式表就是对html进行美化的。包括颜色,背景,布局等等。
第二个问题可以分解成两个问题:
    (1)      css层叠样式怎么和html配合工作?
    (2)      css层叠样式表具体语法,控制html的标签哪些样式,css到底有多大能耐?
关于问题(1),下面是详解:
css样式可以采用三种方式来和html配合工作:
a.嵌入式样式表
    用

b.内联样式表
    在html的标签里面,添加style通用属性,将css内容填到这里就可以了。
    例如:
测试的标题语句 c.外部样式表
    将所有用到的css样式放在统一一个文件当中。文件后缀名为css,例如xx.css。
    然后在html文本里面,只要在
元素里面,link引用。例如:         
关于问题(2),哈哈,我们又可以分解成几个问题:
    (a)      css语法是怎么样的?
    (b)      css怎么选择控制指定的标签?
    (c)      css控制哪些样式属性?
    (d)      能耐:页面布局。
问题(a)的答案:
    css层叠样式的语法如下:
             选择器{
    属性:样式;
    属性:样式;
        ….}
问题(b)的答案:
    在问题(1)里面已经提到了选择器,是的,通过精确的选择选择器,就可以控制指定标签。在html里面,除了标签名字以外,还有id,class。这些都可以成为我们选择器的来源。
    a.html标签
    例如:p{属性:样式;}
    b.类选择符
    例如:.one{属性:样式;}
    c.id选择符
    例如:#one{属性:样式;}
    d.关联选择符
    例如:table a{属性:样式;} 【table a都是标签,其中a位于table中】
    e.  组合选择符
    例如:h1,h2{属性:样式;}
    f.  伪元素选择符
        a:link{属性:样式;}
        a:visited{属性:样式;}
    目前只用于元素,表示在不同状态下的标签元素套用的样式。
    g.其他
    还有很多,可以去查工具书。
问题(c)的答案:
    主要是这么几类:字体,颜色,背景,文本,边框,鼠标光标,定位,区块属性。其中定位技术真是赞,所谓div+css布局说的就有定位技术。
问题(d)的答案:关于div+css页面布局
    网页页面布局这件事情需要html和css一起配合才可以,html主要提供两个标签:
和标签。     
用于大块,用于内联,是小模块。     学会布局需要掌握区块模型、定位、浮动三个概念。
    这里区块我们就用
定义的矩形块,有元素内容,空白,填充,边框组成,为了定位,还有一个margin的设置参量。     再学习css里面来控制区块float(流动),并且对边框clear(清理)处理,就可以完成对div的布局。具体可以看网上各种详细教程。
其它类似信息

推荐信息