css常用标签及属性

css样式表常用的形式有三种,一、行内样式表。二、内部样式表。三、外部样式表

一、
<p style="color:red;">nice to meet you</p>

二、
在head中写入
<style type="text/css">
 p{
   color:red;
}
 .myclass{
 color:blue;
 font-size:2em;
 }
 #idname{
 color:red;
 }
</style>

三、外部样式表在head中或者body最下面写入<link rel="stylesheet" type="text/css" href="css/mycss.css"/>

css样式表的设置,设置方式如下。

<style type="text/css">
 选择器{
      属性:值;
   }

</style>

常见的选择器有

  1. 标签:直接使用标签即可。例如:p{color:red;}
  2. 类:.classname{}例如:.myclass{color:red;}
  3. ID:#IDname{}例如:#myid{color:red;}
  4. 组合选择器:p,li{}

css中盒子模型解释图如下:

应用盒子模型来展示一张图片

html
<div id="divimg">
   <img src="../img/beautifulgirl/7.jpg" width="300px" height="300px"/>
  </div>

css
#divimg{
 border:10px solid;
 border-color:#be0599;
 padding-top:10px;
 padding-left:30px;
 padding-bottom:10px;
 background:#eb61c5;
 width:330px;
 margin-top:20px;
 margin-left:20px;

}

展示效果如下:

时间: 2024-10-15 01:31:29

css常用标签及属性的相关文章

CSS常用标签-手打抄录-感谢原未知博主-拜谢了

CSS常用标签 CSS常用标签 一 CSS文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:b

实用掌中宝--HTML&amp;CSS常用标签速查手册 PDF扫描版

实用掌中宝--HTML&CSS常用标签速查手册 内容推荐: 本书第一篇以语法和实例相结合的形式,详细讲解了HTML语言中各个元素及其属性的作用.语法和显示效果:第二篇从CSS基本概念开始,分别讲解了CSS基础知识.CSS控制各种元素显示的方法以及CSS布局页面的技巧等知识.为了使读者能尽快熟悉各种应用的具体方法,本书对所讲解的每个元素和属性都尽可能用简单直观的方法做了实例演示. 本书适合广大Web网站设计人员.网站设计的初学者.网站管理维护人员.大专院校学生和社会培训学员阅读,也可作为开发人员的

HTML超文本标记语言(二)-HTML中几个常用标签及属性

HTML中几个常用标签及其属性 一.HTML链接标签:<a></a> 1.herf属性:创建指向另一个文档的标签(超链接) 语法结构:<a href=url">Link Text</a> 注意: "链接文本"不必一定是文字,图片或其他HTM元素也可以成为链接. 2.name属性:规定锚的名称,用于创建文档内的书签(锚) 语法结构如下. 命名锚:<a name="tip">基本的注意事项-有用的提示

Web前端——Html常用标签及属性

html 常用的标题等标签就不记录了,只记录一下比较少见的标签以及属性 表格 table td 单元格 tr 表的行 th 表头 td或th可以下面的两个属性达到跨行或跨列 表格跨行 rowspan 表格跨列 colspan 例子: <!--cellspacing 单元格间距 cellpadding单元格边距 --> <table border="1" cellspacing="0" cellpadding="0"> &l

几个css常用标签

总结一下自己在项目中常用到的一些css属性: 1.将某个快固定在屏幕的顶部/底部位置: position:fixed; bottom:0;或者 top:0; 2.个浏览器的兼容前缀: -webkit-   /*safrai.chrome浏览器私有*/ -moz-      /*firefox浏览器私有*/ -mz-       /*IE浏览器私有*/ -0-         /*欧朋浏览器私有*/ 3.flex (也需加上兼容前缀) 在css中,可以说flex是一个即轻便又简洁的布局神器了,下面

简单的常用标签以及属性(随时补充)

HTML类别 table  表格  属性:1.cellpadding  单元格内部与边框的距离   2.cellspacing  每个单元格之间的间距 td 表中的单元格     属性 colspan="值"   将单元格横向合并指定值 input 输入框  属性:1.type="text"  常用输入框 ,可获取数字,符号,文字,字母等 2.type="password"  密码输入框,显示内容为点或者星号,实际内容不变 3.type=&quo

CSS常用标签

一 CSS文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ ve

html中一些常用标签及属性

html中标签分为块级标签和行级标签 块级标签常用的有 <div> <p> <h1><hr><pre><table><ul><ol> 行级标签常用的有 <span> <strong> <i> <em><b><sub><sup><br> 一.字体设置 <font></font> 属性有size设

常用标签与属性

resultMap标签 desc:使返回结果与vo类对应,可以用于接收对象集合与单个对象<resultMap id="demoClass" type="cn.bohely.dolphin.domain.pack.DemoClass"> <result property="id" column="ID"/> <result property="属性" column="字