学习css(一)

  1. font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif

    1.  font:12px/22px 指 字体大小/字体行高
    2. "\5b8b\4f53″ 就是 “宋体”。用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法。注释乱码:强烈建议不要用中文注释。
    3. 新细明体 \65B0\7EC6\660E\4F53
      细明体 \7EC6\660E\4F53
      标楷体 \6807\6977\4F53
      黑体 \9ED1\4F53
      宋体 \5B8B\4F53
      新宋体 \65B0\5B8B\4F53
      仿宋 \4EFF\5B8B
      楷体 \6977\4F53
      仿宋_GB2312 \4EFF\5B8B_GB2312
      楷体_GB2312 \6977\4F53_GB2312
      微软正黑体 \5FAE\x8F6F\6B63\9ED1\4F53
      微软雅黑 \5FAE\8F6F\96C5\9ED1
    4. arial   是一套随同多套微软应用软件所分发的无衬线体TrueType字型
    5. Helvetica是苹果电脑的默认字体,微软常用的Arial字体也来自于它。
    6. sans-serif    表示是无衬线字体,是一种通用字体族。
  2. margin:0 auto表示上下边界为0,左右则根据宽度自适应相同值(即居中)

  3. background:url(../images/list01.png) no-repeat 0 center;background:url(../images/bg.png) no-repeat -4px -3px;
    1.  0 center 的意思就是 水平位置0 垂直位置居中
      -4px -3px 的意思就是 水平位置-4px  垂直位置-3px
    2. 和background-position 属性是一样的,即设置背景图像的起始位置。
    3. 可能的值
       top left
       top center
       top right
       center left
       center center
       center right
       bottom left
       bottom center
       bottom right (以上,如果您仅规定了一个关键词,那么第二个值将是"center"。)
       x% y% ( 第一个值是水平位置,第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您仅规定了一个值,另一个值将是 50%。)
      mpx npx (第一个值是水平位置,第二个值是垂直位置。左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。如果您仅规定了一个值,另一个值将是50%。)
      您可以混合使用 % 和 position 值。
  4. display
    1. display:inline; 内联元素,就是在同一行显示。
      display:block; 块级元素,就是有换行,会换到第二行。
      display:inline-block; 就是在同一行内的块级元素。
    2. 有些HTML元素自然地带有display:block;样式属性,比如
          <div>
          <h1>...<h6>
          <p>
          <ul>,<ol>,<dl>
          <li>,<dt>,<dd>
          <table>
          <pre>
      等元素,其显示为block样式,会将一行中其可用的空间给跨越占据,容不下另一个元素与其同行。
    3. 有些HTML元素则是自然带有display:inline;样式属性,这也是元素默认的样式,比如
          <span>
          <a>
          <strong>
          <em>
          <img>
          <br>
      等元素,其不会打断文档排布流,会在一行中一个挨一个地排列。
    4. 当想要做一个水平的列表时,一种方式是使用float来实现,但得容忍其缺点;另一种方式是使用display:inline-block;来实现。
    5. display:inline-block;方式样式化列表时,既可使得列表元素能按行挨个排列,同时元素还能保持其块属性,比如高和宽、上下边距等。但是对有不同高度内容的元素时,通常要设置对齐方式如vertical-align: top;来使元素顶部对齐。
  5. cursor的说明

    设置或检索在对象上移动的鼠标指针采用的光标形状。
    此属性的值可以是多个,其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示,则第二个值将被尝试使用。依此类推。假如全部值都不可用的话,则此属性不会发生作用。光标不会被改变。

时间: 2024-10-28 16:46:05

学习css(一)的相关文章

学习CSS了解单位em和px的区别

学习CSS了解单位em和px的区别 2007-11-11 20:17:25  来源:网页教学网收集整理 这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷.我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大.平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用.因为 1. IE无法调整那些使用px作为单位的字体大小:2. 国外的大部分网站能够调整的原因在于其使用了em作为字

开始学习css

今天开始学习css:应用一本<HTML5与CSS3网页设计基础> 先学习css样式规则声明. Body{ color:blue} 对应:选择符:{声明属性:声明值}: Background-color:属性 Body{ Background-color:yellow} 配置元素背景颜色css属性是Background-color:,颜色是黄色 Color属性 Body{ color:red} 配置文本颜色css属性是color,颜色是红色. 配置背景颜色也文本颜色 Body{ Backgrou

css知多少(2)——学习css的思路

两周之前写过该系列的第一篇,其实当时只是一个想法,这段时间迟迟未更新,是在思考一个解决过程.现在初有成效,就开更吧. 1. 一个段子 开题不必太严肃,写博客也不像写书,像聊天似的写东西是最好的表达方式. 记得之前看过一个段子,也可能是一件真事儿,这不重要.大体内容如下:一个香港的教授说:我们香港的大学和大陆的大学差的很远啊,大陆的大学连看门保安都懂得哲学,因为当你想要进入校园时,保安都会问你一个很哲学的问题“你是谁,你从哪里来,你到哪里去?”. 看完段子的第一反映肯定是很自嘲的笑了,笑了之后就忘

CSS学习------CSS定位(position)与浮动(float)

position属性:用来对元素进行定位 定位的意义: 定位允许你定义元素框相对于其正常位置应该出现的位置. 相对于父元素. 相对于另一个元素. 相对于浏览器窗口本身的位置. 定位分为:绝对定位和相对定位. 相对定位: 如果对一个元素进行相对定位,它将出现在它所在的位置上.然后,可以通过设置垂直或水平位置,让这个元素"相对于"它的起点进行移动. 在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间.因此,移动元素会导致它覆盖其它框. 示例: <html>   <

学习CSS视觉格式化模型,你需要掌握这些知识

本文主要是学习CSS的视觉格式化模型visual formatting model(视觉格式化模型),它是一种处理文档并把它显示在可视化媒体上的算法.这是CSS中的一个基础概念.visual formatting model把文档的每一个元素转换成0个,1个或多个符合CSS盒模型的盒子,每个盒子的布局内容包括如下部分: . 盒子尺寸:明确指定受限制或不指定 . 盒子类型:行内,行内级,原子行内级,块盒 . 定位方案:包括正常文档流,float或者绝对定位 . 节点树的其他元素:其子元素或兄弟元素

学习css常用基本层级伪类属性选择器

常见的css选择器包含:常用选择器.基本选择器.层级选择器.伪类选择器.属性选择器,其中常用选择器分为:1.html选择符*{}//给页面上所有的标签设置模式:2.类选择符.hcls{}//给class是hcls的一类标签设置模式:3.id选择符#h3{}//给id是h3的标签设置样式:4.关联选择符#div h1.#div h1.ljhcls:5.div,h1,pmspan,button{}基本选择器分为:first-child第一个.::first-letter第一个字母.::fist-li

任务十二:学习CSS 3的新特性

面向人群: 初学者 难度: 简单 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决定课程效果的,还是你的每一次思考和实践. 课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的.因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现.那些最终没有被我们采纳的方案,同样也可以帮助我们学到很多知识.所以

从0学习css开发之 font-size的基本用法

定义和用法 设置字体的大小. 语法 font-size: 12px; 语言 语法 Javascript object.style.fontSize="12px"; Jquery $('选择器').css('font-size','12px'); 例子 1 /* 常用字体大小 12px */ body{ font-size: 12px;} 更多学习: http://www.demopu.com/doc/css/font-size.html

学习css中得与惑

css的学习分享 所学的css知识看多,会看懂.这只是在实践中发现的问题:  一. ???h1比div还大  h1上下有边距   为什么浮动不了  (现不知道) 二. css写了 表现不出来....      选择器问题 ?一直搞不懂选择器. 1 /*780=80 =113 33 a 31=20*/ 2 3 .warp{width: 780px;margin: 0 auto;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e

css学习--css选择器

学习慕课网笔记,课程:http://www.imooc.com/code/2024 1.css选择器 子选择器:parent>child 子选择器是指选择parent的范围内的第一个子元素.这里parent和child均是伪代码.可以是class用.classname,也可以是标签ul>li,也可以是id #pid>#cid 后代选择器:parent child 后代选择器是指:选择parent范围内的所欲child元素.与子选择器不同的是,这里包含嵌套内的child元素,而子选择器仅仅