css基础

来源:互联网 发布:烟台新天宇软件 编辑:程序博客网 时间:2024/06/05 04:58

 CSS的引入方式有三种:

1.内联属性(Inline style attribute)的使用方法是,对于想要设置样式的HTML元素,直接修改他的style属性,将css代码直接写在style属性里。

<h1 style="font-size: 12px;">我的字号被修改了</h1>

 2.写在style标签里

<style>    h1 {      font-size: 12px;    }</style>

 一般要求写在head标签里

3.使用link标签引入外部css文件

<link rel="stylesheet" href="styles.css" />
 选择器

***id选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式

#red {color:red;}#green {color:green;}<p id="red">这个段落是红色。</p><p id="green">这个段落是绿色。</p>

 id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元素显示为绿色。
***类选择器

<h1 class="color">This heading will be center-aligned</h1>

     想要改变字体颜色css命令

.class{color:red;}

  ***元素选择器

类似这些h1 {color:blue;}p{属性名:属性值;}
 边框

是围绕元素内容和内边距的一条或多条线。
border 属性允许你规定元素边框的样式、宽度和颜色。

0 0
原创粉丝点击