web前端之css
关注
分享
扫一扫
daneeee
努力，加油，一切皆有可能
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
属性选择器和文本背景的改变
子串匹配属性选择器【foo^=“bar”】选择fool属性以bar开头的所有元素【foo$=“bar”】选择fool属性以bar结尾的所有元素【foo*=“bar”】选择fool属性包含bar字串的所有元素【foo~=“bar”】选择fool属性包含bar的所有元素[att|=“val”] 表示att属性会选择等于val或者以val开头的所有元素...原创 2019-03-14 16:51:53 · 172 阅读 · 0 评论 -
css-字体和文本属性
css之字体font-family : 设置字体一共有5个字体类型sans-serif（没有衬线）：Verdana、Arial、Arial Black…serif（有衬线）Times New Roman…monospace（宽度相同）cursive（包含看似好像手写的字体，有趣）fantasy（包含装饰性字体）font-size：设置字体的大小四种方式：px; 百分比（相...原创 2019-03-14 22:10:55 · 163 阅读 · 0 评论 -
css-链接样式、图片、鼠标样式的改变
链接样式的改变(伪类）静态伪类<body link=“未访问的链接样式” vlink=“已访问链接样式”>a:link{未访问的链接样式} a:visited{已访问链接样式}动态伪类a:focusa:hover 当鼠标在上边的时候a:active...原创 2019-03-15 16:41:17 · 620 阅读 · 0 评论 -
web前端css之表
表布局表标题的设置caption-side控制标题是在上边还是在下边（top bottom）表单元格边框border-collapse的值有separate（分开的，为初始值）和collapse（合并的）边框间隔border-spacing 后边指定具体的数值。可能有两个数值第一个为水平距离，第二个为垂直距离。处理空白单元格empty-cells有show和hide...原创 2019-03-24 22:41:31 · 155 阅读 · 0 评论 -
web前端之改变元素的显示
display其改变的只是其显示的方式，而并不是其本质。inline（行内元素）无法设置widthblock（块显示方式）无法设置text-alignnoneinline-block（行内块元素）可以设置width height但是基线与行文本是持平的run-in（可以使某些块状元素称为下一个元素的行内部分）...原创 2019-03-22 18:08:38 · 447 阅读 · 0 评论 -
css前端之列表和计数器
list-style-position inside outsidelist-style-imagelist-style-type 列表前有不同的形状计算器的起点count-rest 设置为计数器 chapter 也可以设置为有初始值的使计数器递增count-increment...原创 2019-03-26 13:43:16 · 517 阅读 · 0 评论 -
web前端css之在页面中加入新字体
CSS3 @font-face 规则@font-face{font-family: 所使用字体所定义的名字;src: url(sansation_light.woff);//此值指的是你自定义的字体的存放路径，可以是相对路径也可以是绝路径}...原创 2019-03-31 23:42:42 · 1506 阅读 · 0 评论 -
web前端之半透明颜色
有两种表示方法rgba() 有四个属性 红绿蓝和透明度 透明度从1到0逐步越来越透明hsla() 有四个属性H：Hue(色调)。0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。取值为：0 - 360S：Saturation(饱和度)。取值为：0.0% - 100.0%L：Lightness(亮度)。取值为：0.0% - 100.0%A：A...原创 2019-03-28 17:20:12 · 3110 阅读 · 0 评论 -
css前端之边框
border其有三个属性分别是宽度，颜色，样式。border-width border-color border-style还有四个面，border-right，border-bottom，border-left，border-top其的样式有九种<!DOCTYPE html><html> <head> <meta charset...原创 2019-03-28 23:38:15 · 401 阅读 · 0 评论