CSS3新增属性
程序员文章站
2022-05-02 15:29:01
...
CSS即层叠样式表,WEB开发中采用CSS技术,可以有效地控制页面布局、字体、颜色、背景和其他的效果。只需要一些简单的修改,就可以改变网页的外观和格式。CSS3 是 CSS 的升级版本,这套新标准提供了更加丰富且实用的规范,如:盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等等,目前有很多浏览器已经相继支持这项升级的规范,如:Firefox、Chrome、Safari、Opera 等等。
1.CSS3可以做出圆角表格
对应的属性:border-radius
2.专门制定文字效果属性以往的网页文字加特效只能使用filter这个属性,css3中专门制定了一个加文字特效的属性,而且不止加阴影效果。
对应的属性:font-effect
3.丰富了对链接下划线的样式有波浪线、有点线、虚线等更可以对下划线的颜色和为止进行任意的改变,还有对应和中横线的效果样式,效果鱼下划线类似
对应的属性:text-underline-style
text-underline-color
text-underline-mode
text-underline-position
4.增加了标记的功能我们平时在做笔记的时候在下面点几个点或者是打个什么圈,以表示重点,css3业开始加入了这项功能
对应的属性:font-emphasize-style
font-emphasize-posintion
CSS3边框属性:
border-color:
border-image:
border-corner-image
border-radius
CSS3背景属性:
background-origin
border
padding
content
background-clip
background-size
Multiple-backgrounds
CSS3文字效果:
text-shadow
text-overflow
推荐阅读
-
关于种里设置属性的同时,动态给其他属性计算并赋值
-
Vue.js第三天学习笔记(计算属性computed)
-
CSS3里怎么实现打字动画
-
使用 CSS3 伪元素实现立体的照片堆叠效_html/css_WEB-ITnose
-
CSS3 动画系列_html/css_WEB-ITnose
-
让低版本浏览器支持input的placeholder属性(js方法)_javascript技巧
-
使用css中的page-break-after属性来实现WEB页面强制分页打印
-
使用css3实现文章新闻列表排行榜(数字)_html/css_WEB-ITnose
-
9种CSS3 blend模式制作的鼠标滑过图片标题特效_html/css_WEB-ITnose
-
CSS3实现的鼠标悬浮开门关门效果代码实例_html/css_WEB-ITnose