接上篇 这次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
分享到:
相关推荐
学习html-css学习html-css学习html-css学习html-css 学习html-css学习html-css学习html-css学习html-css 学习html-css学习html-css学习html-css学习html-css 学习html-css学习html-css学习html-css学习html-css 学习...
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 学习 ...
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学习--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固定列 冻结列
开关按钮样式文件bootstrap-switch.css 开关按钮样式文件bootstrap-switch.css 开关按钮样式文件bootstrap-switch.css 开关按钮样式文件bootstrap-switch.css 开关按钮样式文件bootstrap-switch.css 开关按钮样式...
css那些事儿---csscss那些事儿---css
图片滚动------css图片滚动------css图片滚动------css
html5 和 css3学习文档 html5-and-css3.pdf
html-css-js学习过程中的知识点html-css-js学习过程中的知识点 html-css-js学习过程中的知识点html-css-js学习过程中的知识点 html-css-js学习过程中的知识点html-css-js学习过程中的知识点 html-css-js学习过程中的...
Laravel开发-laravel-mail-css-inliner 使用laravel嵌入HTML电子邮件的CSS
HTML---CSS----基础知识及代码----各种小程序网页设计
bootstrap-editable.css在做bootstrap行内编辑时总是失败原因是缺少这个文件官网上找不到的哈在此分享给大家bootstrap-editable.css
前端学习笔记-黑马程序员CSS
pro-html5-css3-design-patterns-master
Pro-Android-Web-Apps-Developing-HTML5-JavaScript-CSS-and-Chrome-OS-Web-Apps.pd
html-5-css-3实训报告,html5和css3知识总结.docx
订餐 - html + css + js订餐 - html + css + js订餐 - html + css + js订餐 - html + css + js订餐 - html + css + js订餐 - html + css + js订餐 - html + css + js订餐 - html + css + js
Laravel开发-laravel-html-css-inliner 嵌入HTML的CSS