HTML&CSS Learning Notes 2
2015-09-13 20:59
706 查看
HTML
Basic II
Ordered lists, ordering each line with ordering number. By recognizing each line item, we use
As we said, each line element is a individual item. The content will between
Unordered lists, each line item with dot in front of it.
Add comments between these two tags.
If you want to change any attribute, you can use style key word to change it. For example, < p style=”ATTRIBUTE SENTENCES“>< /p>, different sentences separate with “;”.
The key word “px” means pixel. For changing the font size, you can add arbitrary number instead on [SIZE].
This key word is for changing font color. The parameters, available to use color word also color code too.
For example, ‘Arial’, ‘Verdana’, ‘Impact’, ‘Bodoni’ etc. Make sure to capitalize the first letter of these font families.
Like changing the font color, changing background color also is similar. The different is key word, color and background-color.
Text alignment just have three parameters, left, center, right. You can understand it as horizontal directions.
Making string as BOLD. You can add these two tags wherever you want to.
Emphasizing word.
Basic II Summery Instance
Basic II
<ol></ol>
Ordered lists, ordering each line with ordering number. By recognizing each line item, we use
litags.
<li></li>
As we said, each line element is a individual item. The content will between
litags.
<ul></ul>
Unordered lists, each line item with dot in front of it.
<!--Comments
-->
Add comments between these two tags.
style
If you want to change any attribute, you can use style key word to change it. For example, < p style=”ATTRIBUTE SENTENCES“>< /p>, different sentences separate with “;”.
font-size: [SIZE]px
The key word “px” means pixel. For changing the font size, you can add arbitrary number instead on [SIZE].
color: [color word or color code]
This key word is for changing font color. The parameters, available to use color word also color code too.
font-family: [font family]
For example, ‘Arial’, ‘Verdana’, ‘Impact’, ‘Bodoni’ etc. Make sure to capitalize the first letter of these font families.
background-color: [color word or color code]
Like changing the font color, changing background color also is similar. The different is key word, color and background-color.
text-align: [directions]
Text alignment just have three parameters, left, center, right. You can understand it as horizontal directions.
<strong></strong>
Making string as BOLD. You can add these two tags wherever you want to.
<em></em>
Emphasizing word.
Basic II Summery Instance
<!DOCTYPE html> <html> <head> <title>BASIC II</title> </head> <body> <ol> <li></li> </ol> <ul> <li style="font-size:16px; color:red;"></li> </ul> <p style="background-color:blue; text-align:left "><strong>bold</strong><em>EM</em></p> </body> </html>
相关文章推荐
- css3实现卡片翻转
- 在selenium中使用css选择器进行元素定位
- CSS透明边框
- 响应式布局--引入外部样式
- CSS BFC
- CSS行高——line-height
- CSS解决未知高度的垂直水平居中自适应问题
- CSS 阴影怎么写?
- GMT5.1.2_基础_坐标轴的设置和离散点的样式控制
- Web前端从入门到精通-12 css简介——导航实例1
- Web前端从入门到精通-11 css简介——盒模型3
- 设置状态栏样式Demo
- Normalize.css的使用(重置表)
- HTML编码和CSS编码会遇到的问
- css reset重置样式有那么重要吗?
- css让浮动元素水平居中
- CSS清除浮动
- CSS3可使用动画的属性
- 样式表单位
- CSS Sprite