`

HTML5学习准备--CSS拾遗

CSS 
阅读更多

 

接上篇 这次About CSS

 

Baic部分

格式

注释用/* ... */

selector上 #id  .class （别用数字开头 会有问题） 

引用css的3种方式

外部引用：

<head>

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

</head>

内部：

<head>

<style type="text/css">

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

</style>

</head>

行内

<p style="color:sienna;margin-left:20px">This is a paragraph.</p>

当重复设置时 行内>内部>外部（当head中 外部写在了style内部后 外部样式将覆盖内部样式）

 

Style部分

background: color image repeat attachment position

text: color derection letter-spacing line-height text-align text-decoration text-indent text-shadow

text-transform unicode-bidi vettical-align white-space word-spacing

font: font-family font-size font-style font-variant font-weight size中 w3c推荐用em 1em=16px

link: a:link a:visited a:hover a:active

list: list-style list-style-image list-style-position list-style-type

table: border border-collapse width height text-align padding color background-color

 

BoxModel

border outline margin padding

 

Advanced部分

相同的 h1{}  h2{} ... 

写成

h1,h2,..{}

p, .marked和.marked p

visibility:hidden隐藏仍占空间 display:none隐藏不占空间

。。。之后大多都是各种属性设置的应用包括positioning floating align等等


  • 大小: 5.7 KB
  • 大小: 4.4 KB
分享到：
| HTML5学习准备--HTML4拾遗
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML-CSS-JS 学习.zip

    HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 ...

    tour-website-html-css-master.zip

    html css js网页设计 tour-website-html-css-master.zip tour-website-html-css-master.zip tour-website-html-css-master.zip tour-website-html-css-master.zip tour-website-...html-css-master.zip

    HTML CSS JS 学习、git-笔记.zip

    HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS ...

    学习笔记HTML-css-JS.zip

    学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记...

    bootstrap-switch.css

    开关按钮样式文件bootstrap-switch.css 开关按钮样式文件bootstrap-switch.css 开关按钮样式文件bootstrap-switch.css 开关按钮样式文件bootstrap-switch.css 开关按钮样式文件bootstrap-switch.css 开关按钮样式...

    HTML-CSS-JS学习-01百度登录界面练习.zip

    HTML-CSS-JS学习--01百度登录界面练习HTML-CSS-JS学习--01百度登录界面练习 HTML-CSS-JS学习--01百度登录界面练习HTML-CSS-JS学习--01百度登录界面练习 HTML-CSS-JS学习--01百度登录界面练习HTML-CSS-JS学习--01百度...

    bootstrap-table-fixed-columns(css,js)

    `bootstrap-table-fixed-columns.css`是样式文件，它包含了实现固定列所需的CSS规则。这些规则可能包括设置定位、宽度、溢出处理以及与Bootstrap基础样式兼容的调整。CSS（层叠样式表）是用于描述网页及应用程序界面...

    网页制作基础学习--HTML+CSS常用代码.txt

    网页制作基础学习--HTML+CSS常用代码

    html-css-js学习过程中的知识点.zip

    html-css-js学习过程中的知识点html-css-js学习过程中的知识点 html-css-js学习过程中的知识点html-css-js学习过程中的知识点 html-css-js学习过程中的知识点html-css-js学习过程中的知识点 html-css-js学习过程中的...

    韩顺平html+css+javascript-----div+css笔记

    韩顺平HTML+CSS+JavaScript笔记 - DIV+CSS详解 本笔记主要介绍了DIV+CSS的基本概念和应用，涵盖了DIV的介绍、CSS的基本语法、CSS的分类、使用CSS统一网站风格、使用滤镜等内容。 DIV+CSS是什么？ ----------------...

    bootstrap-editable.css

    bootstrap-editable.css在做bootstrap行内编辑时总是失败原因是缺少这个文件官网上找不到的哈在此分享给大家bootstrap-editable.css

    pro-html5-css3-design-patterns-master

    这个压缩包“pro-html5-css3-design-patterns-master”很可能包含了该书的源代码、示例以及相关资源，为学习者提供了丰富的实践材料。 HTML5是现代网页开发的标准，它引入了许多新的元素和功能，旨在提高网页的语义...

    静态网页设计期末大作业-HTML+CSS+JavaScript大鱼海棠（95分以上）.zip

    资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、使用需求，如果有需要的话可以放心下载使用。 静态网页设计期末大作业-HTML+CSS+JavaScript大鱼海棠（95分以上）.zip 静态网页设计期末大作业-...

    do-it-html-css-源码.rar

    【标题】"do-it-html-css-源码.rar" 指的是一份包含HTML和CSS源码的压缩文件，这通常意味着它是一个教学资源或项目示例，用于帮助学习者理解如何构建网页或实现特定的网页设计。HTML（HyperText Markup Language）是...

    multiple-Select.css

    多选框要用到的css 用的时候引用到文件里multiple-Select.css

    day001---HTML&CSS思维导图

    day001---HTML&CSS思维导图

    gulp-inline-css, 在html文件中，inline 链接的css 对电子邮件有用.zip

    gulp-inline-css, 在html文件中，inline 链接的css 对电子邮件有用 -inline-css 将CSS属性添加到html文件中的属性。 对电子邮件有用。通过grunt插件 grunt-inline-css 激发灵感。 使用内联css插件模块。 3.0中新增的...

    前端开源库-ember-load-css

    7. **项目结构**：ember-load-css-master可能包括`app`、`tests`、`addon`、`public`等目录，分别用于存放应用代码、测试、插件代码和静态资源。 8. **集成与使用**：在Ember项目中，开发者可以通过ember-cli安装并...

    JSP-HTML-CSS---PPT

    学习"JSP-HTML-CSS---PPT"的相关内容，开发者可以深入理解Web开发的基本原理，提升构建动态网站的能力。通过PPT的形式，知识点通常会以清晰的步骤和实例展示，便于理解和记忆。JSPPPT这个文件名可能代表包含了一系列...

    个人作业之JSP---CSS---HTML

    【JSP---CSS---HTML】是网页开发中的基础...总的来说，"个人作业之JSP---CSS---HTML"提供了学习者一个很好的平台，通过实际的项目练习，可以提升他们在网页开发中的技能，为未来更复杂的Web应用开发打下坚实的基础。

Magicbox
Global site tag (gtag.js) - Google Analytics