![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS设计指南
爸爸去哪了2之熊猫三胞胎
本人现在所处一个物联网公司,主要从事网站的前端后台相应的开发。
展开
-
web前端之CSS设计指南四:响应式布局说明
web前端之CSS设计指南四:响应式布局说明响应式设计包含三个重要的方面。 媒体查询:是一种 CSS 语法,可以根据浏览器的特性,一般是屏幕或浏览器容器宽度提供CSS 规则; 流式布局:是使用 em 或百分比等相对单位设定页面总体宽度,让布局能够随屏幕大小而缩放; 弹性图片:是使用相对单位确保图片再大也不会超过其容器。媒体查询: 1.@media规则@media print{ nav原创 2016-12-09 19:06:38 · 625 阅读 · 0 评论 -
web前端之CSS设计指南三:界面组件(菜单)
web前端之CSS设计指南三:界面组件(菜单)纵向菜单:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta原创 2016-12-09 17:25:07 · 583 阅读 · 0 评论 -
web前端之CSS设计指南二:页面布局(固定宽度、流动、弹性)
web前端之CSS设计指南二:页面布局(固定宽度、流动、弹性)页面布局有三种基本的实现方案:固定宽度、流动、弹性固定宽度布局的大小不会随着客户调整浏览器窗口的大小而变化,一边是900到1100像素。其中960像素是最为常见的。流动布局的大小会随着用户调整浏览器窗口大小而变化。这种布局能够很好地适应大屏幕,但也同时意味着放弃对页面某些方面的控制,比如随着页面宽度的变化,文本行的长度和页面元素之间的位置原创 2016-12-09 16:33:12 · 1162 阅读 · 0 评论 -
web前端之CSS设计指南一:定位元素
web前端之CSS设计指南一:定位元素为文档添加样式的三种方法: 行内样式: 行内样式是写在特定HTML标签的style属性里面的,比如:<p style="font-size:12px;font-weight:bold;...">I am fzw</p>嵌入样式: 嵌入的CSS样式是放在HTML文档的head元素中的,比如:<html xmlns="http://www.w3.org/199原创 2016-12-09 15:33:41 · 518 阅读 · 0 评论