Learn web development css初步
来源:互联网 发布:调用接口获取json数据 编辑:程序博客网 时间:2024/04/24 18:03
CSS 表示Cascading Style Sheets
CSS Basics takes you through what you need to get started.
Lke HTML, CSS is not really a programming language, it is not a markup language either - it is a style sheet language.that is, it lets you apply styles selectively to elments in HTML documents.
select all the paragraph elements on an HTML on page and turn the text within them red, you'd write this CSS.
p { color: red;}
- Selector
- The HTML element name at the start of the rule set. It selects the element(s) to be styled (in this case,
p
elements). To style a different element, just change the selector. - Declaration
- A single rule like
color: red;
specifying which of the element'sproperties you want to style. - Properties
- Ways in which you can style a given HTML element. (In this case,
color
is a property of thep
elements.) In CSS, you choose which properties you want to affect in your rule. - Property value
- To the right of the property, after the colon, we have the property value, to choose one out of many possible appearances for a given property (there are many
color
values besidesred
).
p { color: red; width: 500px; border: 1px solid black;}
选择多个元素
p,li,h1 { color: red;}
它提供的css文件格式
html { font-size: 10px; font-family: 'Open Sans', sans-serif;}h1 { font-size: 60px; text-align: center;}p, li { font-size: 16px; line-height: 2; letter-spacing: 1px;}html { background-color: #00539F;}body { width: 600px; margin: 0 auto; background-color: #FF9500; padding: 0 20px 20px 20px; border: 5px solid black;}h1 { margin: 0; padding: 20px 0; color: #00539F; text-shadow: 3px 3px 1px black;}img { display: block; margin: 0 auto;}
最终的显示效果。
0 0
- Learn web development css初步
- Learn web development html初步
- Learn web development javascript初步
- Learn Web.Development of Perl
- Sites to go if you want to learn web development
- Web development
- Beginning CSS Web Development: From Novice to Professional
- Mobile Web Development: 针对webkit的HTML, CSS和Javascript
- Javascript & CSS gotchas in Mobile Web App Development
- 初步使用scikit-learn
- scikit-learn初步学习
- Agile Web Application Development with Yii 1.1 and PHP5 读后总结(2)初步使用
- css初步
- css初步
- CSS初步
- Web development for Mobile
- Web Development Helper Tools
- Web Development Helper Tools
- 救基友2
- ThinkPHP结构
- 7种结构型模式之:代理模式 、JDK动态代理、cglib动态代理
- Maven配置文件中修改默认jre
- 2016-CSU1803(同余公式)
- Learn web development css初步
- Servlet监听器——实现在线登录人数统计小例子
- android颜色对应的xml配置值,颜色表
- unix系统之getpid()
- 【POJ】1741 Tree
- java中 set,list,array互转
- C#基础语言
- 苹果笔记本开机出现闪烁的问号文件夹解决方法
- 使用Spring实现读写分离( MySQL实现主从复制)