css

本文详细介绍了网页布局中百分比宽度的应用、单选框获取方法、光标样式设定、列表元素居中显示、文本自动换行处理、列表项强制不换行、超链接颜色与状态、元素隐藏与显示控制、文本对齐与高度设置、字体样式实现、边框与阴影效果、图片样式调整、元素层级与选择器应用、相邻兄弟元素选择、属性选择器使用、相邻元素选择与样式设置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、table的width用百分之百,是相对于他的外围容器而言的,最后一行设为*,以免出现纵向滚动条时跑版。

2、js获取单选框的值,用getRadioValue()。

3、object.style.cursor = cursortype ,规定所显示的指针(光标)的类型。

4、ul中的li居中一行显示:ul的宽度100%, li display: in-block,float:none。

5、p不能自动换行,删除float属性,加宽度。

6、li,dl作子导航,用white-space:nowrap强制自动不换行。

7、1)a若自身定义了颜色color,需把color属性放在后面,否则hover color无效。

      2)a属性的定义顺序,a:link{}, a:visited{}, a:hover{}, a:active{}

8、display:none的元素仍然在页面源代码中,只是不显示,该元素仍会被js改变,如自动生成序号计算时,仍被计算在内。

9、同一个页面两个按钮,若点击这两个按钮,对同页面的第3个按钮赋不同的值,可在方法中传递不同的参数去判断,然后给第三个按钮赋不同的链接等。

10、用js控制*号和输入项是否显示,把需要隐藏的对应的input框等加在span中(一般*号也定义在span中),给对应的td加上id或class,就可以在js中控制相应的span的    display:none。

11、text-align, height设在td上,width设table。

12、@font-face{font-family:myfont;src:url();} 若客户端没有该字体,通过该url下载

13、css3边框: border-radius:圆角边框,box-shadow:边框阴影,border-image:边框图片

14、设置img标签

img{
   border-radius:20px;  //弧度
   display:inline; //行显示
   box-shadow: 0 1px 1px rgba(0,0,0,0.2);  //0.2为透明度
   opacity:0.5;  //opacity透明度值从0.0-1.0
}

15、若把li设置为一行显示,则可display:inline,设置后padding属性仍生效。

16、同时定义不同元素的样式,可用逗号隔开,如同时定义h,h2的样式:h1,h2{}

17、层级选择器:两个选择器中间用空格隔开,表示选择该元素的所有后代,包括孙子、儿子,

        如div p{},为div下的所有p元素,div > p为div下的子元素p

18、属性选择器:

       1)简单属性选择器,选择具有某个属性的元素,eg:[title]{},[href]{}

        2)根据具体属性值选择,eg:a[href='http:www.baidu.com']

       3)属性模糊匹配:[title~='title']{},选择具有title属性的,且属性值包含title的

19、相邻兄弟选择器:可选择紧接在另一个元素后的元素,且二者有相同的父元素。eg:li+li{}只选择第二个和第三个li

       <ul><li></li><li></li><li></li></ul>




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值