1.外部途径：

建立xx.css文件与html文件放在同一目录下

加入  <link rel="stylesheet" type="text/css" href="4.css"/>
<!DOCTYPE html>

<html>

  <head>

    <meta name="generator"

    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />

    <meta charset="utf-8" />

    <title>CSS样式</title>

    <meta name="keywords" content="用css给网页装潢" />

    <meta name="description" content="用css给网页装潢" />

    <link rel="stylesheet" type="text/css" href="4.css"/>

  </head>

  <body>

    <p>段落</p>

    <p>段落</p>

    <p>段落</p>

    <p>段落</p>

  </body>

</html>
p{

    font-size:40px;

    color:red;

}

2.内页样式：直接写到html的头部分

<style type="text/css">

        p{

        font-size:40px;

        color:red;

          }

</style>
<!DOCTYPE html>

<html>

  <head>

    <meta name="generator"

    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />

    <meta charset="utf-8" />

    <title>CSS样式</title>

    <meta name="keywords" content="用css给网页装潢" />

    <meta name="description" content="用css给网页装潢" />

    <style type="text/css">

        p{

        font-size:40px;

        color:red;

          }

</style>

    <!--   <link rel="stylesheet" type="text/css" href="4.css"/>-->

  </head>

  <body>

    <p>段落</p>

    <p>段落</p>

    <p>段落</p>

    <p>段落</p>

  </body>

</html>

3.行内样式

<!DOCTYPE html>

<html>

  <head>

    <meta name="generator"

    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />

    <meta charset="utf-8" />

    <title>CSS样式</title>

    <meta name="keywords" content="用css给网页装潢" />

    <meta name="description" content="用css给网页装潢" />

  </head>

  <body>

    <p style=" font-size:40px; color:red;">段落</p>

    <p>段落</p>

    <p>段落</p>

    <p>段落</p>

  </body>

</html>

CSS 基本语法（语法简单的理解就是规则）
1)CSS 规则由两个主要的部分构成：
1、选择器
2、一条或多条声明。
选择器：要给元素装潢加样式（首先得选中需要装潢的元素）
声明：声明由一个属性和一个值组成
属性是您希望设置的样式属性。每个属性有一个值。属性和值被冒号分开，如果
要定义不止一个声明，则需要用分号将每个声明分开，养成良好的习惯，就算一
个声明我们也加上分号。
选择器{属性:值;}
使用空格以及回车让css 更可读！
选择器{
属性:值;
}
2）小试牛刀
选择器有一种最简单的写法直接写上你要选中的元素！
p {
color:red; 该行声明将颜色设置为红色
font-size:30px; 该行声明将字体大小设置为30px
}
查看效果！
3）CSS 加注释
/*注释的内容*/

    <style type="text/css">

        p{

        font-size:40px;

        color:red;

          }/*css的注释*/

</style>

css的引入方法的更多相关文章

  1. CSS基础-引入方法，选择器，继承

    一.CSS引入方法:行内式.嵌入式.导入式.链接式. 1.行内式. 即:在标签的style属性中设定CSS样式. 例子:<div style="行内式</div> 2.嵌入 ...

  2. css的引入方法2

    id   方法精确 #div1 { font-size:30px; } <!DOCTYPE html> <html> <head> <meta name=&q ...

  3. 阿里字体css代码引入方法

    1.第一步,选择自己想要的图标字体,添加入库. 2.选择下载代码. 3.我们可以发现,有如下的代码被下载下来了. 4.我们选择iconfont.css放到自己的文件夹中. 5.然后我们根据下载下来ht ...

  4. iOS之在webView中引入本地html,image,js,css文件的方法 - sky//////////////////////////////////////ZZZZZZZZZZZZZZZ

    iOS之在webView中引入本地html,image,js,css文件的方法   2014-12-08 20:00:16CSDN-sky_2016-点击数:10292     项目需求 最近开发的项 ...

  5. 标签种类及CSS引入方法

    标签种类及CSS引入方法 标签种类: 一:块级标签(block) ——> 独占一行,默认宽度与内容无关,宽高可设   (hr 块级标签) 二:行内块标签(inline-block) ——> ...

  6. CSS——三种页面引入方法

    目的:为了把样式和内容分开,并且使网页元素更加丰富,引入了CSS CSS页面引入有三种方式: 1)内联式:比较不常用,因为内容和样式仍然在一起,不方便.示例: <!DOCTYPE html> ...

  7. laravel V层引入css 和js方法

    引入css  默认引入public目录 <link rel="stylesheet" href="{{URL::asset('css/xxx.css')}}&quo ...

  8. css_三种引入方法

    CSS是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化. 详请:http://www.w3school.com.cn/h.asp 其存在方式有三种:元素内联 ...

  9. require.js配置路径的用法和css的引入

    前端开发在近一两年发展的非常快,JavaScript作为主流的开发语言得到了前所未有的热捧.大量的前端框架出现了,这些框架都在尝试着解决一 些前端开发中的共性问题,但是实现又不尽相同.通常一般的前端加 ...

随机推荐

  1. Codeforces Round #FF (Div. 2) C. DZY Loves Sequences

    解题报告:输入一个数列,选取一个子数列,要求最多只能改动这个子数列中的一个数,使得这个子数列是严格的升序的(严格升序没有相等的) 我的做法是,第一步把这个 数列的每个升序的子数列都找出来,然后看这些子 ...

  2. Android计时器实例

    布局文件 <Chronometer android:id="@+id/chronometer" android:layout_width="wrap_content ...

  3. Shortcut key for CodeBlocks

    一.not only in CodeBlocks 13.12 Undo last action Ctrl + Z //后退 Redo last action Ctrl + Shift + Z //前进 ...

  4. shell脚本的调试技巧

    请参考文章:http://www.ibm.com/developerworks/cn/linux/l-cn-shell-debug/index.html 读后的感觉,还是用shell的选项灵活,方便. ...

  5. Ubuntu系统如何查看硬件配置信息

    查看ubuntu硬件信息 1, 主板信息 .查看主板的序列号 -------------------------------------------------- #使用命令 dmidecode | ...

  6. Mysql数据库中设置root密码的命令及方法

    我们都知道通常PHP连接 Mysql都是通过root用户名和密码连接,默认情况下在Mysql安装时root初始密码为空,在安装使用PHP开源系统时,都需要填写连接Mysql数据库的用户名和密码,此时当 ...

  7. 57. 数对之差的最大值：4种方法详解与总结[maximum difference of array]

    [本文链接] http://www.cnblogs.com/hellogiser/p/maximum-difference-of-array.html [题目] 在数组中,数字减去它右边的数字得到一个 ...

  8. Android clickable 和 focusable

    setClickable(),好像是控制按钮是否可以被点击和点击之后触发监听器事件.setFocusable();控制键盘是否可以获得这个按钮的焦点.(我按实体键盘上方向键,button被选中) 今天 ...

  9. [产品相关] A/B测试终极指南（翻译）

    转载地址: http://blog.sina.com.cn/s/blog_9149268d0100zrx7.html 还记得以前导师说看了英文的文章就把它翻译一下吧,这样会对文章更好地理解,也会有更深 ...

  10. ligureUI 刷新列求和

    dataGrid=$("#dataGrid").ligerGrid({ columns: [ {display:, align:'left' }, {display:, align ...