2016 - 1 - 24 CSS初步

1.The difference between CSS and HTML

HTML document is that it specities the content of the page. And the CSS document aims to specity the  way the content is displayed.

2.Many HTML pages one CSS styleshreet

So we can make the code  in every html document‘s head like that :

    <head>
        <title>This is my first page !</title>
        <link rel = "stylesheet"
              type = "text/css"
              href = "styles.css"
        />
    </head>

3.How to use the css document

body{
    background : green;
    color: white;
}
a{
    color: yellow;
}

the body means all page‘s body style, and the ‘a‘ means a tag get yellow color !

4.How to use css control the fonts

1. The threen groups :

1.1 Sans-serif:   sans meands out !

:

 1.2 Serif

1.3 Monos paced: Always use when u want show some code examples

时间: 01-24

2016 - 1 - 24 CSS初步的相关文章

2016/2/24 css画三角形 border的上右下左的调整 以及内区域的无限变小 背景透明

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

2016 - 1 - 25 CSS初步 (二)

1.The customising link We can change the link's style when we move our pointer on the link like that: 1.1 The " text-decoration:none "means remove the underline ! a:hover{ color: black; background-color: red; text-decoration: none; } 1.2 Why sho

CSS初步理解

最近在学习牛腩的时候遇到了网页的制作,挺新鲜的.当中涉及到了有关CSS的知识,于是乎自己也就花费两个小时的时间,找了本浅显易懂的书来看了一遍,从宏观上来了解CSS的相关内容.有关CSS的基础知识详见下链接. CSS基础知识 以下是对CSS理解的导图 通过上图我们也发现,CSS也很难,也容易.容易是说,学起来很快就可以上手,这中语言简单易懂,只要你具备小学英语的知识量就可以了.困难是在指学好它并不容易,因为它需要你耐心.就好比我们对word文档的排版,哪里需要主体鲜明一点,哪里需要着重突出一下,哪

(14/24) css进阶:(入门)去除冗余的css

在平时的项目开发中,我们会引入一些框架,比如:Bootstrap,但是在项目中通常我们只使用它的一小部分,还有部分是冗余的.更有甚有时候需求更改,带来DOM结构的更改,这时候我们可能无暇关注CSS样式,会造成很多冗余的CSS.我们得想办法消除冗余的CSS,如果靠人工去剔除,吃力又容易出错,因此,此节我们来学习一下用webpack如何消除未使用的CSS. PurifyCSS 使用PurifyCSS可以大大减少CSS冗余,消除框架中未使用的CSS,初步达到按需引入的效果. 1.如何在webpack中

2016/2/24 1,css有几种引入方式 2,div除了可以声明id来控制,还可以声明什么控制? 3,如何让2个div,并排显示。

1,css有几种引入方式 使用HTML标签的STYLE属性 将STYLE属性直接加在单个的HTML元素标签上,控制HTML标签的表现样式.这种引入CSS的方式是分散灵活方便,但缺乏整体性和规划性,不利于后期的修改和维护,当需要修改网站的样式时,一个相同的修改可能涉及多个地方,维护成本高.使用STYLE属性的样式效果最强,会覆盖掉其它几种引入方式的相同样式效果.   将样式代码写在页面<STYLE>...</STYLE>标签之中 <STYLE>...</STYLE&

2016/10/24 笔记总结

1.css3 动画:通过设置图片的opacity 来到hover时的动画: .nr_mod_service_hp_bottom_ts .inner .item .pic a .d_img { filter: alpha(opacity=100); opacity: 1; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } .n

Html/CSS 初步介绍html和css部分重要标签

&初步介绍html和css部分重要标签& 注:开头书写:<!DOCTYPE html>表明对应标准html代码 html标签(仅有一个),内部可以写属性 自闭合标签      例:<meta /> 主动闭合标签          大多都需主动闭合 head标签: -<meta > 编码,跳转/刷新(提及但不推荐在此书写),关键字,描述,IE兼容(主要避免IE6的乱码问题,现今无需考虑) -title 标签 -Link    搞图标 -style     

【2016.11.24】HTML笔记与练习

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="

2016/2/24 . html . htm . shtml 的区别

htm.html.shtml网页区别 htm.html.shtml区别 接下来我们来了解下htm.shtml.html这三者之间区别.首先htm.html.shtml都是静态网页的后缀,三者也可以说都是只是扩展名不同,其他一样,都是静态的网页.Htm和html是完全静态的网页不通过服务器编译解释直接送出给浏览器读取的静态网页,以Htm和html伪静态Request除外. html.htm.shtml.shtm均是静态html网页.都是网页文件后缀名不同的html网页扩展名. 一.Html与htm