weixin_45666821的博客

[媒体查询] 响应式：根据浏览器宽度的不同（设备终端）来进行同一个区块，实现不同布局的展示 格式：@media screen and (取值) 取值1： min-width最小应用样式的范围 例： min-width:700px 表示从700开始应用相应的样式 取值2： max-width最大应用样式的范围 例： max-width:900px 表示样式只应用到900px &l...

2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 采用 Flex 布局，父元素简称"容器"。它的所有子元素自动成为容器成员，简称"项目"。** div { width: 800px; height: 600px; margin: 100px a...

兼容性 ：相同HTML标签（布局），不同的浏览器上展示效果一致。 如何解决兼容性： 1、重置文件 2、HTML文件的第一行代码为： 写和不写都不是错误 如果不写，则进行怪异模式，浏览器会以低版本进行解析。 注：低版本解析时碰到新的标签，虽然不识别新标签，但标签的内容会依然展示到页面中。 3、设计理念(开发思维) 根据不同的用户群体： a：渐进增强： 先针对低版本浏览器进行开发，保证页面核心内容的展...

关于background设置 设置背景色 \background-color 设置背图片\background-image: url(路径); 设置背图片平铺方式\background-repeat no-repeat不平铺 repeat-x横向平铺 repeat-y纵向平铺 背景剪切\background-clip:border-box; background-clip:padding-box;...

css对于文本的设置 文本缩进 \ text-indent: 文本流向(向左还是向右) ltr(默认值：left to right) 文本大小写 \text-transform: ( uppercase所有字母大写 lowercase所有字母小写 capitalize所有单词的首字母大写) 设置文本阴影\text-shadow: 第1个值 ：X轴偏移量（正值向右，负值向左） 第2个值 ：Y轴偏移量...

根据W3C定义CSS3 选择器： 在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 基础选择器 层次选择器 伪类选择器 伪元素选择器 属性选择器 【基础选择器】 元素选择器（选择元素名） \ 如：p{color:red;} ID选择器（#号+ID名）\ 如：#csdn{color:black;} 类选择器（.+class名） \ 如...