美文网首页工作生活
主讲 CSS引入,再配一点小知识

主讲 CSS引入,再配一点小知识

作者: w_jrf | 来源:发表于2019-06-30 21:12 被阅读0次

CSS的引入

第一种是行间样式,例如:

<div style="

width:100px;

height:100px;

background-color:red;">

</div>

第二种页面级CSS,在head标签里面引入。

<head>

<meta charset="utf-8">

<title>CSS样式讲解</title>

<!-- type="text/css"这句话写不写都行,

因为它只是告诉浏览器,类型是css -->

<style type="text/css">

div{

width:100px;

        height:100px;

        background-color:red;

}

</style>

</head>

第三种是外部CSS文件,这个也是最实用的,如下:

<!-- 如果是在同一个文件夹里面,并且文件名为haha.css就可以

直接在head标签里面按下面方式引入 -->

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

最后讲一点小知识,我们平时都是搜索网址,例如www.baidu.com,其实网址我们是可以把它叫做域名,它会通过dns转化成ip地址,然后才能找到服务器。

再讲几个常用的快捷键,分屏是alt+shift+数字;写html代码时,tab键可以补全代码

相关文章

  • 主讲 CSS引入,再配一点小知识

    CSS的引入 第一种是行间样式,例如:

    导航条制作(1-1)

    html代码: css代码: CSS知识点:(1)四种引入 CSS 的方式:style 属性、style 标签、c...

  • 第十一周第四天笔记之css3知识解读

    1 css3知识解读 css3解读链接:css3知识解读 自定义字体利用@font-face{}引入自定义字体;创...

  • 基础知识--css

    基础知识--css 目录 选择器 在html引入css的方式 css盒子模型 选择器Selectors 基本选择器...

  • 基础篇笔记

    第一章:CSS基本样式及盒模型 1. 引入CSS样式的三种方式 *小知识点html5中单标签不需要“/” 块 ...

  • Laravel引入CSS和JS的方法

    引入css 默认引入public目录 引入js默认引入public目录 引入外面的的css 把http:去掉即可 ...

  • 一个webAPP项目的完整记录(vue)

    项目初始化 some Tips 引入外部CSS: @import "../css/base.css";引入外部J...

  • Extjs 6

    自己写的小demo,总结: 因为Extjs 6比较大,所以只引入了几个文件,在此要注意一点,他的css文件(也就是...

  • CSS入门的那些坑

    几种引入css的方式 分别有用style 属性、style 标签、css link、css import, 引入c...

  • CSS基础(一)

    1.CSS 的引入方式有哪些? CSS 的引入方式有以下三种: 行内样式使用style属性引入CSS样式。 内部样...

网友评论

    本文标题:主讲 CSS引入,再配一点小知识

    本文链接:https://www.haomeiwen.com/subject/cvcicctx.html