css怎么写

1.文本的对齐方式

css:

div.center { text-align: center }

js:

<div style="text-align: center">

*****************

text-align : left | right | center | justify

left :  默认值。左对齐

right :  右对齐

center :  居中对齐

justify :  两端对齐

2.

字体的大小

P { font-size: 12pt; }

3.

背景颜色

P { background-color: red; }

4.

边框

P { border: solid red },详细的见 CSS完全参考手册3.0 搜 可以下载。

时间: 2024-10-21 18:18:01

css怎么写的相关文章

【技能】使用纯CSS+html写出方向箭头,简单大方,好看

使用纯CSS+html写出方向箭头,贴出来就可以用,100%原创 <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> .pointsRule{ display: inline-blo

一个常见下拉菜单的样式:一体化小三角(纯css手写解决)

类似下拉菜单2个一体化小三角,习惯上用字体图标加jQuery处理,比较方便,但是下面纯css手写解决方式,效果也还不错,对CSS知识也是一个比较好的孔固. 小三角用了2种不同处理方式:1.利用border属性:2.利用正方形选择45度. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>下拉菜单</title> <style> *{

【技能】使用纯CSS+html写出方向箭头,简单慷慨,好看

使用纯CSS+html写出方向箭头,贴出来就能够用,100%原创 <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> .pointsRule{ display: inline-blo

初学CSS(写于接触CSS不到1个星期)

什么是web前端? 在第一次上课的时候就问过我们,当时我认为前端就是设计网页,但具体是什么,我也不是很清楚.老师解释道:web前端,就是你打开浏览器之后,所能看到的一切,都是用前端技术实现的.(我以前还认为页面是画出来的,没想到是写出来的,一下就高大上了...) 前端技术的核心有三个:HTML(超文本标记语言,主要用来描述一个网页的结构的).CSS(层叠样式表,用来装饰网页).javascript(网页上的脚本语言,是用来编程的). 我理解CSS就是对于框架元素的全面补充,就好像是修房子,用HT

CSS代码写出的各种形状图形

做网页设计时经常要用到各种形状的图形,对于规则的图形很简单,但是对于不规则的图形,一般我们都是用图片,今天就在这里教大家怎样用css代码写出各种规则不同的图形 1.正方形 #square {width: 100px;height: 100px;background: red;} 2.长方形 #rectangle { width: 200px; height: 100px; background: red;} 3.左上三角 #triangle-topleft { width: 0; height:

初学者用div+css结构写网页的几个误区

1.用div+css结构制作静态html网页不等于彻底抛弃古老的table写法.之所以不建议用table来布局网页是因为在网页加载很慢的时候要等table结构加载完成才能看到网页,其次是table的布局没有一定的语义,网页代码修改起来比较麻烦. 在写一些栏目块时,特别是数据分类较多,比如“求购信息”的栏目块,顶部可能出现“发布人.发布时间.信息标题.联系方式”等项目,像这样的地方建议还是要用table来写,因为table是专门用来写数据表格的,控制起来很方便,而且符合语义要求,还有页面中出现类似

css,js写的简易的tab导航

简易tab导航 作为前端新手,看着别人写的tab导航代码,自己想模仿却总是忘记.于是这次自己利用css,js写了简易的tab导航,话不多说,上代码,首先是html和css部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>tab选项卡切换</title> <style type="tex

gulp-rev同时将js和css文件写在一个rev-manifest.json文件里面的方式探讨

参考: https://segmentfault.com/q/1010000002876613 https://github.com/sindresorhus/gulp-rev 测试发现,在官网上最主要的做法是: 加入如下参数: { base: 'build/assets', merge: true } 其中base为存放上一个生成的rev-manifest.json文件,然后merge为是否拼合进去,最后再输出到base这个目录上,就可以实现js和css文件同在一个rev-manifest.j

css+javascript 写的HTML5 微信端输入支付密码键盘

微信端没有纯数字键盘,用html5写了一个模仿ios输入支付密码键盘效果 keyboard.js var _keyboard = {}; $(document).ready(function(){ _keyboard.bindKey(); _keyboard.close(); }); _keyboard.num = 0; /** * 给键盘绑定事件 */ _keyboard.bindKey=function(){ $("#keyId").on("tap","

纯css手写手风琴

---恢复内容开始--- 在网页中我们经常会遇到手风琴效果,之前经常会用jQuery和JavaScript来写,但今天给大家介绍一种用纯css写的手风琴. 下面是html部分: 1 <div class="togglebox"> 2 <input id="toggle1" type="radio" name="toggle" checked="checked" /> <!--c