慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

sandogeek

html5 - CSS中translate和position: relative设置的偏移有什么区别？ - SegmentFault https://segmentfault.com/q/1010000000200428

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2016-02-22
sandogeek

切换背景、缩略图、蒙版、透明度、：target、：hover、：not（）、：：before、：：after、：nth-of-type(n)等用法

查看全部

0 采集收起来源：切换背景图像综合练习题
2016-02-22
jolly_ying

哈哈哈哈哈

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2016-02-22
qq_asm_0

是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-02-21
Coande

在Web中插入内容可以通过CSS3的伪元素“::before”、“::after”来实现，其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img和input元素不起作用。可插入的内容： none：不生成任何内容 attr：插入标签属性值 url：使用指定的绝对或相对地址插入一个外部资源（图像，声频，视频或浏览器支持的其他任何资源） string：插入字符串

查看全部

0 采集收起来源：CSS生成内容
2016-02-21
Coande

外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。 outline属性的基本语法如下： outline: ［outline-color］ || [outline-style] || [outline-width] || [outline-offset] || inherit

查看全部

0 采集收起来源：CSS3外轮廓属性
2016-02-21
Coande

resize允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。到目前为止，可以使用overflow属性的任何容器元素。语法： resize: none | both | horizontal | vertical | inherit

查看全部

0 采集收起来源：自由缩放属性resize
2016-02-21
Coande

<meta name=”viewport” content=”” />

查看全部

0 采集收起来源：Responsive设计——meta标签
2018-03-22
Coande

在Responsive布局中，可以毫无保留的丢弃：第一，尽量少用无关紧要的div；第二，不要使用内联元素（inline）；第三，尽量少用JS或flash；第四，丢弃没用的绝对定位和浮动样式；第五，摒弃任何冗余结构和不使用100%设置。有哪些东东能帮助Responsive确定更好的布局呢？第一，使用HTML5 Doctype和相关指南；第二，重置好你的样式（reset.css）；第三，一个简单的有语义的核心布局；第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。

查看全部

0 采集收起来源：Responsive布局技巧
2016-02-21
Coande

在Media Queries中，其中媒体特性“min-width”和“max-width”对应的属性值就是响应式设计中的断点值。设置断点应把握三个要点：满足主要的断点；有可能的话添加一些别的断点；设置高于1024的桌面断点。

查看全部

0 采集收起来源：Responsive设计（二）
2016-02-21
Coande

响应式设计要考虑元素布局的秩序，而且还需要做到“有求必应”，那就需要满足以下三个条件：网站必须建立灵活的网格基础；引用到网站的图片必须是可伸缩的；不同的显示风格，需要在Media Queries上写不同的样式。流体网格、弹性图片（如：img{max-width:100%;}）、媒体查询。

查看全部

0 采集收起来源：Responsive设计（一）
2016-02-21
Coande

Media Queries的使用方法如下： ``` @media 媒体类型and （媒体特性）{你的样式} ```

查看全部

0 采集收起来源：Media Queries使用方法
2016-02-21
Coande

媒体类型的引用方法也有多种，常见的有：link标签、@import和CSS3新增的@media

查看全部

0 采集收起来源：media queries——媒体类型（二）
2016-02-21
Coande

Media Queries是CSS3新增加的一个模块功能，其最大的特色就是通过CSS3来查询媒体，然后调用对应的样式。Screen、All和Print为最常见的三种媒体类型。

查看全部

0 采集收起来源：Media Queries——媒体类型（一）
2016-02-21
Coande

display:flex; //垂直： align-items: center|flex-start|flex-end; //水平： justify-content:center|flex-start|flex-end; //定义方向 flex-direction: column|row;

查看全部

0 采集收起来源：CSS3 伸缩布局（二）
2016-02-21

首页上一页 623 624 625 626 627 628 629 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果