CSS的初步学习

CSS的作用:

  被用来格式化HTML文档

插入样式的方法:

  • 外部样式表

    目的:

      适合格式化多个页面,减少工程量。

    用法:

      每个html页面使用标签(在页面头部)链接到样式表中,代码如下:

      

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

      浏览器将会从demo.css文件里读取相应的样式来格式化html页面,在写css的过程中要注意格式。

  • 内部样式表

    目的;

      适合格式化单个html中许多相同的标签。

    用法:

      在<head>标签中写入<style>标签,示例代码如下:

      

<head>
    <style>
        h1,h2,h3,h4,h5,h6{padding:0px;margin:0px}
        body{margin:0px auto;padding: 0px auto;border: 0px auto;background:repeat-x;font-size: 12px;background-image:url(image/body_bg.png); }
    </style>
</head>
  • 内联样式

    目的:

      对页面中的每一个标签单独设置显示样式,但是过于繁琐,代码冗杂。

    用法:

      页面中的每一个标签都用个单独的style属性设置。示例代码如下:

      

<div id="showmes" style="background-color: #33eeff;height: 400px;width: 5%;float: left;"></div>

原文地址:https://www.cnblogs.com/zuixime0515/p/9316970.html

时间: 2024-10-22 00:16:47

CSS的初步学习的相关文章

Jquery Easy UI初步学习(二)datagrid的使用

第一篇学的是做一个管理的外框,接着就是数据datagrid绑定了,这里我用asp.net mvc3来做的,主要就是熟悉属性.方法. 打开easyui的demo 就可以看到如下一段代码: 和上篇一样class="easyui-datagrid", data-options="...",这是一样的,其他我在网上查了查,并做了整理 DataGrid 属性 参数名 类型 描述 默认值 title string Datagrid面板的标题 null iconCls strin

状态保持以及AJAX的初步学习

嘿嘿,今天学习的有点迷茫哦,主要学习把验证码使用在登录页面时间的一些逻辑,学习这个时间并没有那么的迷惑哦,可是自己写程序时间倒是有点反应迟钝,不过还好总是在最后搞清楚啦,另外就是一步一步的学习是接近项目期,今天下午学习了ajax,这个使用javascript写起来还是蛮麻烦的,嘿嘿,但是使用jquery实现是非常的简单的,不知道是不是由于我刚接触的原因,下面来总结一下今天学习的内容,感觉今天学习的还是很有必要详细总结的,因为在以后的项目中还是经常会使用的. 一.状态保持 1.cookie的添加与

Jquery Easy UI初步学习(三)数据增删改

第二篇只是学了加载用datagrid加载数据,数据的增删改还没有做,今天主要是解决这个问题了. 在做增删改前需要弹出对应窗口,这就需要了解一下EasyUi的弹窗控件. 摘自:http://philoo.cnblogs.com/ 我的理解,就是panel有的属性Window.dialog都有,同时保留自己的扩展属性方法 , 所以主要展示pannel的属性. Pannel 属性 名称 类型 说明 默认值 title string 显示在Panel头部的标题文字. null iconCls strin

Jquery Easy UI初步学习(一)

Easy UI 1.3.2 以前听说Easy UI很不错,当了一个dome,闲着没事就看了一下,也整理一下为了自己更好的记忆,也希望对象我这样小菜有帮助吧 先从后台管理的主页面开始,如要要做主页需要了解以下几项 data-options是jQuery Easyui 最近两个版本才加上的一个特殊属性.通过这个属性,我们可以对easyui组件的实例化可以完全写入到html中,例如: <div class="easyui-dialog" style="width:400px;

第二十篇 jQuery 初步学习2

jQuery 初步学习2 前言: 老师这里啰嗦一下,因为考虑到一些同学,不太了解WEB前端这门语言.老师就简单的说一下,写前端,需要什么:一台笔记本.一个文本编辑器.就没啦!当然,写这门语言,我们要遵守它的规则,文本的后缀得是html,里面的编写格式当然也要遵守它的规则. 如果有同学没有好的编辑器,写代码很打脑壳,记不住单词等等,老师推荐一个编辑工具:WebStorm .老师用的就是这个来写的前端,版本用的是8.0.3,还是挺好用的. 上节课我们初步学习了jQuery,那么这节课,我们再深入了解

第十九篇 jQuery初步学习

jQuery 初步学习 jQuery可以理解为是一种脚本,需要到网上下载,它是一个文件,后缀当然是js的文件,它里面封装了很多函数方法,我们直接调用即可,就比方说,我们用JS,写一个显示与隐藏,通常是:div.style.display="none/block"这一类,即为显示或者隐藏,而jQuery,它里面做了处理,我们直接这样:$("div").hide() 隐藏,$("div").show() 显示,它在js里就处理了hide和show两个

HTML CSS——zoom的学习

上大学做阶段项目时遇到了一个很奇特的现象:kindEditor上传图片功能失效,但是把jsp所引用的样式去掉就好用,这说明样式有问题,于是删一个样式测试一下,就这样罪魁祸首落在了zoom身上,这是我们第一次"相识",今天周末,难得的清闲,现总结一下: 首先说一下zoom的作用:zoom用来设置对象的缩放比例: zoom属性值:normal | <number> | <percentage> 一.normal: 代码1-1如下: <!DOCTYPE html

LinQ的初步学习与总结

嘿嘿,说起来ORM和LinQ,就感觉离我好遥远的,在学校是没有学习的,所以总感觉学习了LinQ就是大神,现在嘛,终于也体会一点,感觉LinQ只是初步学习,没有太难,当然以后使用在项目中就没有这样的简单啦,下面就全面的总结一下LinQ的其中一部分,LinQ有三部分:LinQ TO Object:LinQ TO SQL ;LinQ TO XML.而在这里我先来总结一下LinQ TO Object的学习吧 一.初步认识LinQ to Object static void Main(string[] a

CSS一周学习总结

学习css一周左右了,基本都是学习的最基础的部分,但是难免有一些不懂或者说运用比较生硬的地方. 1.选择器中的复合选择器的后代选择器,不能够理解和运用. 2.line-height和height的区分,同理宽度也一样. 3.制作导航移入时的变化,无法很好的运用. 4.padding属性不能灵活的运用. 虽然感觉自己会css了,但是总感觉缺少真正的灵魂东西. CSS一周学习总结,布布扣,bubuko.com