HTML+CSS
2016-11-21 21:17:56 0 举报
AI智能生成
HTML和CSS是构建网页的两种基本技术。HTML(超文本标记语言)用于创建网页的结构,而CSS(层叠样式表)则用于控制网页的布局和外观。HTML使用标签来定义网页中的各种元素,如标题、段落、列表等,而CSS则通过选择器和应用样式规则来设置这些元素的字体、颜色、大小等属性。通过结合使用HTML和CSS,开发人员可以轻松地创建出具有良好用户体验的动态和交互式网页。
作者其他创作
大纲/内容
HTML
文章
标题 h1~h6
段落 p
换行 br
修饰
链接a
图片img
表格 table
每行 tr
表头 th
单元格 td
修饰
列表 ol/ul li
代码 code pre
引用 blockquote
注释
表单form
输入 input
常规 text
单选 radio
提交 submit
下拉列表 select
文本域 textarea
按钮 button
目标 action
方法 method
框架
框架 frame
内联框架 iframe
实体
不是html
样式 style
脚本 script
html5
文档声明 doctype
新语义化标签
多媒体增强
视频 video
音乐 audio
画布 Canvas
Web APP
地理定位
应用缓存
Web存储 localStorage
长连接 WebSocket
CSS
选择器
引入
样式
文本 text
字体 font-family
通用字体
指定字体
字体风格 font-style
字体粗细 font-weight
字体大小 font-size
链接 a
未被访问 a:link
已经访问 a:visited
鼠标悬浮 a:hover
鼠标按下 a:active
列表 ul/ol
列表类型 list-style-type
列表项图像 list-style-image
简写 list-style
表格 table
边框 border
折叠边框 border-collapse
文本对齐
水平对齐 text-align
垂直对齐 vertical-align
内边距 padding
对齐
水平对齐 margin: 0 auto;
居左 absolute + left
居左 float + left
文字行高 line-height
盒子模型
qq
定位 position
XTML流
相对定位 relative
绝对定位 absolute
浮动 float
透明 opacity
CSS3
边框
圆角 border-radius
阴影 box-shadow
背景
尺寸 background-size
定位区域 background-origin
定义多个背景
文本
效果
阴影 text-shadow
强制换行 word-wrap
外部字体 @font-face
转换
移动 translate(x,y)
旋转 rotate(30deg)
缩放 scale(x,y)
翻转 skew(x deg, y deg)
组合 matrix()
案例
水平导航条
人物介绍框
卡片
侧边栏
两侧对齐标题栏
0 条评论
下一页