㈠ pc端web、移动端web的字体大小、颜色、字体样式使用
首先了解下px,em,rem的区别
px(像素)是绝对单位,页面按精确像素展示,使页面较稳定和相对固定一些。但这种方法存在一个问题,用户在浏览我们制作的web页面时,如果他改变了浏览器的字体大小,或是缩放、放大页面,这时会使页面布局被打乱。
em是相对单位,基准点为父节点字体的大小。上面说到使用px为单位的web页面会遇到的问题可以使用em来解决。
例如con2的父元素为con1,css中<strong>con1</strong>和<strong>con2</strong>的font-size都设置为2em;
可以看得出con1和con2的font-size样式都是2em,但是展现出来的字体大小不一样,因为默认情况下没有对字体进行重新设置的话,浏览器默认字体为16px,con1的2em就相当于32px,那么con2的2em就相当于con1的两倍也就是64px,所以con2字体比con1的大。
rem是相对于页面根元素的大小单位,我们只需给页面的根元素设置一个参考值,就可以在页面中根据参考值设置其他元素的大小,rem不会出现嵌套的繁琐。
设置html下1rem=10px
可以看得出1rem就是12px(浏览器下最小的字体为12px,当设置小于12px的字体,也默认为12px)
无论元素处于哪一层,都不会受到父元素的影响。
㈡ 怎么在web页面上实现360加速球点击出现环形按钮组
可以用jquery来做,如下
先把环形外框的css样式添加display:none;这样环形外框就不会显示出来。
其次再给内环按钮添加鼠标点击事件,改环形外环的css样式display:block;
这样写出来就可以了,就是没有360那个动画效果。
㈢ photoshop中用web样式填充颜色怎么操作
填充颜色的时候要选择颜色,把Web那个项勾选中,颜色板上所显示的就是Web色了
想学PS可以去PSDEE教程网,那里有很多免费的自学教程。
㈣ web中背景颜色的宽度怎么设置
1、打开dreamweaver 8软件,然后新建一个html页。
2、接下来页面插入div标签,选择工具栏“插入DIV标签”按钮,在打开对话框中ID项给这个div命名,我们给它起个名字叫layout(可以根据自己需要写)。
3、点击“插入”后,如图,给div起个名,
4、点“确定”后代码会多出来
5、增加样式:在右边点击css样式的图标
6、勾选“仅对该文档”
7、设置宽高和背景
8。点击应用确定即可,设置背景颜色:
9、勾选想要的颜色,点应用,确定即可。
10、勾选颜色宽度,自由调节即可
㈤ web开发中如何把 table 的边框设置为好看的样式
一般情况下,我们设置表格的边框为1,但是表格的实际边框并不为1px,而是很粗,用以下非常简单的方法可以使边框好看,你可以试试:
首先在Dreamweaver中选中表格,在下面的表格属性面版中把表格的边框改成0,把间距改成1,设置表格的背景颜色为:#cccccc
然后取消选中表格,把光标放在表格的第一个单元格中,用鼠标在第一个单元格中往右下拖动,以选中整个表格的所有单元格(这里是选中所有单元格,并不等同于刚才的选中整个表格),然后在下面的单元格属性面版中,把单元格的背景颜色变成白色。
好了,保存,浏览,看看,这个表格的边框是不是很好看滴说?!
㈥ ps中web样式在哪里
首先在桌面上双击ps的快捷图标,然后将ps软件打开。
2、打开ps之后按下Ctrl+N键新建一个文件,然后在工具箱内找到文字工具。
3、点击文字工具在上面的菜单区里设置文字的字体和大小。
4、设置好之后在新建的文件内输入文字,然后在菜单里找到窗口选项,点击窗口选项在其子级菜单里找到样式选项。
5、点击样式选项在样式面板里找到设置下拉箭头在其下拉菜单那里找到web样式选项。
6、点击web选项在弹出的对话框内我们找到追加选项。
7、点击追加选项在样式面板里找到相应的的web样式选项。
8、点击选择的web样式选项,可以看到文字样式就制作好了。