写5条css3新增样式，列举5个css3新增的属性

css3新特性有哪些

1、：focus 选择获得焦点的 input 元素。 p：first-letter 选择每个 元素的首字母。 p：first-child 选择属于父元素的第一个子元素的每个 元素。

2、CSS3圆角表格圆角表格，对应属性：border-radius。以往对网页上的文字加特效只能用filter这个属性，这次CSS3中专门制订了一个加文字特效的属性，而且不止加阴影这种效果。对应属性：font-effect。

3、border-color：控制边框颜色，并且有了更大的灵活性，可以产生渐变效果；border-image：控制边框图象 CSS3边框border-corner-image：控制边框边角的图象；border-radius：能产生类似圆角矩形的效果。

4、CSS filter fileter并非IE的过滤器，是CSS3中新添加的属性。

5、H5的新特性： 用于绘画 canvas 元素。 用于媒介回放的 video 和 audio 元素。 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage 的数据在浏览器关闭后自动删除。

相关问答

Q1: css3如何设置placeholder的样式

1、-moz-placeholder{} /* Firefox版本19+ */ ：-ms-input-placeholder{} /* IE浏览器 */ 注1：冒号前写对应的input或textarea元素等。

2、保存好html页面后使用浏览器打开，发现input输入框提示的文字是灰色的。修改提示文字颜色。创建style标签，在这个标签里设置提示框文字的颜色。

3、placeholder是HTML5的新属性，并不是CSS3，CSS3和CSS2都是一样的，是在里，或者CSS文件里，或者style=这里面的。

4、因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。

5、设置完成后，点关闭母版视图，母版中设置的标题样式就应用在了所有的幻灯片上。

6、设置placeholder的样式 input：-webkit-input-placeholder{ color：#999； } input：-moz-input-placeholder{ color：#999； } input：-ms-input-placeholder{ color：#999； } 注意-ms- 前面是一个 “：”。

Q2: 如何设置css样式如何设置css样式选择

使用样式属性：直接将样式属性添加到单个组件标签。属性(attribute)2：设置值2；...} 例如：字体大小：9pt字体系列：行高：150 这种用法的好处是可以巧妙地将样式应用到各种标签上，缺点是没有整个文档的“统一性”。

与HTML的结合CSS与HTML的结合有三种方式：外部样式、内部样式和内联样式。①外部样式当需要对很多页面应用样式时，外部样式表将是一个理想的选择。在使用外部样式表的情况下，您可以通过更改一个文件来更改整个站点的外观。

创建CSS样式表有三种方式：元素内嵌样式；文档内嵌样式；外部引入样式。元素内嵌样式 这是一段文本 解释：即在当前元素使用style属性的声明方式。

两种方法是殊途同归的(但是推荐使用第一种方法).使用style属性对标签加载样式示例使用css 此例使用了标签的style属性。外部样式表当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。

Q3: CSS3新增的哪些选择器和常见的属性是哪些?

结构性伪类选择器由两部分构成，一是伪类选择器，一是伪元素选择器。伪类选择器 ，要注意命名不要与系统定义好的选择器重名，例如link、hover 伪元素选择器 中包含 first-line、first-letter、before、after。

text-shadow 属性：向文本设置阴影。

标签选择器，也称为元素选择器。标签选择器的基本形式如下：tagName{property：value}，其中tagName是标签名称，property是css的属性。类选择器。

关于写5条css3新增样式和列举5个css3新增的属性的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。