zoukankan      html  css  js  c++  java
  • CSS学习一:CSS语法、文字效果、段落样式

    1. CSS基础

    1. CSS控制页面

    a) 内嵌式

    b) 链接式

    c) 行内样式

    d) 导入样式:@Import url(1.css)

    2. 优先级:

    行内样式àlink标记样式àstyle样式àimport样式

    3. 经验之谈:

    a) 建设网站的时候,最好只使用其中的1~2种,这样便于控制

    b) 使用CSS制作网页的时候,基本的要求就是在主流的浏览器上显示一致,通常的做法是一边写HTML和CSS代码,一边在不同的浏览器上测试

    2. CSS语法

    1.1. CSS选择器

    选择器类型:(www.w3.org )

    1. 标记选择器, 直接编写标记。

    2. 类别选择器, 使用.; 有时也可以使用<标记.类别>,一个标记,可以使用多个类别选择器,中间使用空格隔开。

    3. ID选择器:使用#

    1.2. 选择器声明

    1. 集体声明

    将风格相同的CSS选择器同时声明。集体声明的选择器,其中可以使任何的选择器,包括标记选择器,ID选择器和类别选择器。可以使用*号来声明通用的。

    2. 选择器的嵌套

    通过嵌套,对特殊位置的HTML标记进行声明。比如p标记

    嵌套了b标记。嵌套在三中选择方式中都可以进行使用。

    3. 经验之谈

    选择的嵌套应用非常广泛,可以大大减少对class和id的声明。因此在构建页面的HTML框架时候,一般只给外层标记(父标记)定义class和id, 内层标记则通过嵌套的方式来进行,而不需要定义新的class和ID, 除非特殊需要。

    4. CSS继承

    把HTML看做是一个容器,其中被包含的小容器会继承所包含的他的大容器的风格样式。子标记会继承父标记的所有样式,并且可以在父标记的样式上进行修改,产生新的样式。

    3. CSS文字效果

    1.3. CSS文字样式

    1. 字体: <font-family>

    字体可多个,依次从浏览器中查找。如果字体本身有空格,使用双引号。通常情况下正文使用serif字体,标题和表格使用sans-serif字体。因为有的用户的计算机上并没有安装某些字体,因此在设置字体的时候,必须多设置几项,避免浏览器设置成默认字体。

    2. 文字大小(font-size)

    可使用相对大小,也可以使用绝对大小。常见的单位包括inch(英寸),cm(厘米),mm(毫米),pt(印刷的点数),px(像素),pc(pica=12pt)。

    CSS提供了7个固定值:xx-small, x-small, small, medium, large, x-large, xx-large.

    相对大小使用百分比来设置,一般很多人都会选用这种方式。相对一般式相对父亲标记的字体大小。采用%和em都是相对于父标记而言的比例。如果没有父亲标记,则根据浏览器的默认值来设定。与鼠标的滚动放大没有关系。

    3. 文字颜色(color)

    4. 文字粗细(font-weight)

    5. 斜体(font-style)

    6. 下划线,顶划线和删除线(text-decoration)

    可将下划线,顶划线和删除线同时赋值给某个文字,使得具有多种效果。

    7. 英文字母大小写(text-transform)

    1.4. CSS段落样式

    1. 段落的水平对齐方式(text-align)

    2. 段落的垂直对齐方式(vertical-align)

    也可以设置数值,则表示位移。

    3. 行间距和字间距(line-height, letter-spacing )

  • 相关阅读:
    <转载>c#多线程:线程池和异步编程
    <转载>讲故事谈.NET委托:一个C#睡前故事
    IIS 7.0 成员管理配置
    呵呵,新开博!
    PHP函数中文文档
    请不要做浮躁的人对程序员的忠告
    php新闻发布完成
    JS调试工具
    PHP配置FCKEditor
    ACEGI配置总结(1)
  • 原文地址:https://www.cnblogs.com/kevinhigher/p/2204812.html
Copyright © 2011-2022 走看看