`

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
分享到:
评论

相关推荐

    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百度...

    网页制作基础学习--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 静态网页设计期末大作业-...

    订餐 - 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

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

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

    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安装并...

    vite-plugin-css-modules:vitejs css modules 名称自动转化插件

    @zebing/vite-plugin-css-modules@zebing/vite-plugin-css-modules 是一个vue css modules智能转化插件。让你在使用vue css modules的同时,无需通过:class="$style.cssname", class={styles.cssname}等繁琐的方式...

    html5-css3

    - W3School是一个非常受欢迎的学习平台,提供了丰富的HTML5和CSS3教程,适合从入门到精通各个阶段的学习者。 2. **CSS3-HTML5综合资源站**([http://www.css3-html5.com/css3-html5]...

    html入门--纯CSS动画全演示

    本资源聚焦于纯CSS动画,为初学者提供了一个全面的学习平台,旨在帮助新手掌握如何使用CSS实现丰富的动态效果。 在Web设计中,CSS动画能够增加用户体验,使网站更具吸引力。它们可以用来创建过渡效果、微交互以及...

    网页导航条-div+css+js

    网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js

Global site tag (gtag.js) - Google Analytics