熟悉html文档
html
head
出现在head里的,多数你看不到实际效果,起一定的作用,功能标签。
body
出现在body体中的标签,结构标签:h1,div,p,table
兼容
了解
web3.0 web2.0 web1.0
1.0信息展示 table 只能在电脑上看。
2.0多了一个用户交互 div+css/xhtml+css 移动端也做了适配了,响应式写法
3.0用户主动产生内容
结构(DOM结构:Document Object Model)样式(style)行为(script)
人:头,身子,结构
衣服:style css
吃喝:行为 script
css规则,写在style标签里,或者外部文件引入
css通用写法 选择器{样式规则1;样式规则2;样式规则3;}
样式规则的写法 属性:属性值
常见属性:
- margin-top外边距 上
- padding内边距
- background-color背景色
- width宽度
- text-align文本水平对齐方式
- line-height:行高
- color:文本颜色
选择器
类选择器 ID选择器 标签选择器
css 中 修饰 类 :.+ 类名 l类选择器
修饰id : # + id名 ID选择器
css 优先级原则 :就近原则
同一个css属性值的优先级:就下原则
标签属性中加入 style 来定义css规则的方式,内联css
行为
学js的时候,一定要学window对象。
window
Comments