CSS教程之css选择器 、属性、值_基础教程

body { 
    font-size: 0.8em; 
    color: navy; 

  上面的意思是为body选择器设置font-size字体大小和color字体颜色。 

  所以基本的,当它作用与HTML页面时,在body标签(整个窗口中的内容)之间的文字颜色是navy字体大小是0.8ems。 

长度和百分比 

  CSS里面有许多属性值要指定单位,但有些基本单位被使用在一些属性上,在这之前值得属性下它们。 
  em比如font-size:2em给于字体计算出的大小,所以2em就是实际字体大小的两倍。 
  px比如font-size:12px是pixel像素的单位。 
  pt比如font-size:12px是points镑的单位。 
  %比如font-size:80%是百分比 
  其他单位包括pc(12点西文活字)、cm(厘米)、mm(毫米)和in(英寸) 

  当值是零的时候,不需要单位,例如:border:0意思没有边框。 

  网页不是静态的、绝对的媒体。这意味着内能伸缩变形,用户应该被允许调整自己喜欢的方式,包括字体大小和屏幕大小。 

  因为这样,建议使用"em"和"%"在font-size上(宽度和高度),相比下px不能够在大部分浏览器改变大小,所以要少用,可以用在边框的大小上。 

时间: 2024-09-13 11:26:31

CSS教程之css选择器 、属性、值_基础教程的相关文章

CSS教程之CSS的应用_基础教程

  一.In-line 行内  行内样式是在html标签里直接使用style属性     <p style="color: red">text</p>  设定段落文字红色.  但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免.  二.Internal 内部  使用于整个页面的植入内部样式在head标签里面,style标签包围样式.     <!DOCTYPE html PUBLIC "-//W3C//DTD X

纯CSS绘制三角形(各种角度)_基础教程

我们的网页因为 CSS 而呈现千变万化的风格.这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果.特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来. 今天给大家带来 CSS 三角形绘制方法 复制代码 代码如下: #triangle-up {    width: 0;    height: 0;    border-left: 50px solid transparent;    border-right: 50px solid transpar

Javascript基础教程之break和continue语句_基础知识

break和continue语句对循环中的代码执行提供了更为严格的流程控制.break语句可以立刻退出循环,阻止再次执行循环体中的任何代码.continue语句只是退出当前这一循环,根据控制表达式还允许进行下一次循环. break 复制代码 代码如下: <script language="javascript"> var aNumbers = new Array(); var sMessage = "你输入了:<br>"; var iTota

解决CSS中 display 与 visibility 的区别_基础教程

span为内联/inline元素,给他宽度赋值是没有效果的. span为内联/inline元素,给他宽度赋值100px+float:right;可以看到有了宽度. 这个li被定义为内联/inline,设置宽度没有效果 test test 这个li被定义为内联/inline+float:left,设置宽度有效果 test test

从零开始的html教程之CSS篇(2):CSS中的选择器

一.css的基本构成 选择器{属性:属性值} css的语句就是由以上三部分组成选择器写在花括号前,花括号内为声明,如果有多个声明,属性前会用":"隔开.先列举个例子: body {     background:#2CA4CF;     font-family:"黑体";         color:#ffffff; } 我们之前学过元素内嵌入style改变样式的用法,style跟花括号内声明的用法相同.当外部样式表或内部样式表时,就要以这样的形式书写.这段代码的意

javascript-Javascript获取有CSS动画的标签的属性值

问题描述 Javascript获取有CSS动画的标签的属性值 //CSS中的动画: @keyframes move{ 0% {left:0px;} 100% {left:100px;} } //CSS样式: .move1{ width:100px; height:100px; animation:move 1000ms; -webkit-animation:move 1000ms } //div标签: div id="1" class="move1" 或者 .mov

js获取页面引用的css样式表中的属性值方法(推荐)_javascript技巧

如下所示: function getStyle(node, property){ if (node.style[property]) { return node.style[property]; } else if (node.currentStyle) { return node.currentStyle[property]; } else if (document.defaultView && document.defaultView.getComputedStyle) { var s

javascript 获取特定的 CSS属性值_经验交流

<link id="system_style" type="text/css" href="global.css" rel="stylesheet"/>  <div id="myArticle"> ... </div> 在global.css中声明了 #myArticle{ width:400px;  height:300px; } 这样的情况下,直接通过JS进行getE

从零开始的html教程之CSS篇(3):常用的字体与文本属性

一.css常用的字体属性 1.字体的设置 在CSS中字体通过font-family属性来设置. font-family:"黑体"; 2.字体的大小 用font-size设定文字的大小 font-size: 16px; px是长度单位,1px的意思是1个像素的大小用color设定文字颜色 3.字体的颜色 color: black; color: #FFFFFF; color: rgb(255,255,000); color: rgb(0%,100%,100%); 颜色可以用英文单词.十六