CSS గ్రిడ్ ఇన్స్టాన్స్
- ముందస్తు పేజీ CSS గ్రిడ్ అండర్ ఎలమెంట్
- తదుపరి పేజీ CSS పరీక్ష
సిఎస్ఎస్ సెలెక్టర్స్
సిఎస్ఎస్ ఉపయోగం
సిఎస్ఎస్ బ్యాక్గ్రౌండ్
సిఎస్ఎస్ బోర్డర్
సిఎస్ఎస్ మార్గం
సిఎస్ఎస్ ఇన్సైడ్ మార్గం
CSS పొడవు/వెడిథ్
CSS బాక్స్ మోడల్
సిఎస్ఎస్ షేడ్
సిఎస్ఎస్ టెక్స్ట్
సిఎస్ఎస్ ఫండ్
సిఎస్ఎస్ లింక్
సిఎస్ఎస్ లిస్ట్
సిఎస్ఎస్ టేబుల్
- table, th మరియు td అంశాల క్రిమి బ్యార్డర్ నిర్దేశించండి
- border-collapse ఉపయోగించండి
- పట్టిక ఒక పక్కను చుట్టివుండే బ్యార్డర్
- పట్టిక వెడల్పు మరియు ప్రాంతాన్ని నిర్దేశించండి
- అంతర్గత పాదరెండును ప్రాంతానికి సంబంధించి సెట్ చేయండి
- అంతర్గత పాదరెండును ప్రాంతానికి సంబంధించి సెట్ చేయండి
- th మరియు td అంశాల అంతర్గత పాదరెండును నిర్దేశించండి
- హోరైజంటల్ సెపరేటర్
- హోవర్ పట్టికలు
- బ్యార్డర్ పట్టికలు
- పట్టిక కింది రంగును నిర్దేశించండి
- పట్టిక శీర్షిక స్థానాన్ని సెట్ చేయండి
- రెస్పాన్సివ్ పట్టికలు
- అందమైన పట్టికలను సృష్టించండి
CSS చూపు
- అంశాన్ని మరియుండకుండా చేయడానికి (visibility:hidden) ఎలా ఉపయోగించాలి
- అంశాన్ని చూపించకుండా చేయడానికి (display:none) ఎలా ఉపయోగించాలి
- బ్లాక్ బ్రెక్ అంశాన్ని ఇన్లైన్ అంశంగా చూపించడానికి ఎలా ఉపయోగించాలి
- ఇన్లైన్ అంశాన్ని బ్లాక్ బ్రెక్ అంశంగా చూపించడానికి ఎలా ఉపయోగించాలి
- CSS ను జావాస్క్రిప్ట్ తో కలిపి చివరి ప్రక్కను చిత్రాన్ని చూపించడానికి ఎలా ఉపయోగించాలి
CSS లొకేషన్
- అంశాన్ని బ్రౌజర్ విండోకు సంబంధించి సెట్ చేయండి
- అంశాన్ని అంశం సాధారణ స్థానానికి సంబంధించి సెట్ చేయండి
- అబ్సూల్యూట్ లొకేషన్ తో అంశాన్ని సెట్ చేయండి
- స్టికీ లొకేషన్
- అంశాలను ఓవర్లాప్ చేయండి
- అంశం ఆకారాన్ని సెట్ చేయండి
- ప్రాంతం పిక్సెల్ విలువలతో ప్రాంతం ప్రక్కను చిత్రాన్ని సెట్ చేయండి
- చివరి పిక్సెల్ విలువలతో చివరి ప్రక్కను చిత్రాన్ని సెట్ చేయండి
- 使用像素值设置图像的左边缘
- 使用像素值设置图像的右边缘
- 定位图像文本(左上角)
- 定位图像文本(右上角)
- 定位图像文本(左下角)
- 定位图像文本(右下角)
- 定位图像文本(居中)
CSS 溢出
CSS 浮动
- float అంశం సాధారణ ఉపయోగం
- పదాలను కుడికి ఫ్లోట్ చేయడానికి మార్గదర్శకం మరియు ముడిముడు ఉపయోగించండి
- ప్రశ్నాన్ని కుడికి ఫ్లోట్ చేయండి
- ప్రాంతం మొదటి అక్షరాన్ని ఎడమకు ఫ్లోట్ చేయండి
- ఫ్లోటింగ్ ని మూసివేయండి (క్లెయర్ అంశం ఉపయోగించండి)
- ఫ్లోటింగ్ ని మూసివేయండి (క్లెయర్ఫ్లాస్ హాక్ ఉపయోగించండి)
- ఫ్లోటింగ్ బాక్సులను సృష్టించండి
- సమాంతర చిత్రాలను సృష్టించండి
- సమాన పొడవు కోట్లు సృష్టించడానికి flexbox ఉపయోగించండి
- హోరైజంటల్ మెనూ సృష్టించండి
- వెబ్ సమాచార సమాచారం సృష్టించండి
CSS Inline-block
CSS అనుకూలీకరణ క్రియాకర్తలు
- ముడిముడు ద్వారా మధ్యకేంద్రీకరణం చేయండి
- పదాలను మధ్యకేంద్రీకరణం చేయండి
- చిత్రాలను మధ్యకేంద్రీకరణం చేయండి
- position ద్వారా ఎడమ మరియు కుడి కేంద్రీకరణం
- position ద్వారా ఎడమ మరియు కుడి కేంద్రీకరణం - బ్రౌజర్ క్రాస్ ప్లాట్ ప్లాన్
- float ద్వారా ఎడమ మరియు కుడి కేంద్రీకరణం
- float ద్వారా ఎడమ మరియు కుడి కేంద్రీకరణం - బ్రౌజర్ క్రాస్ ప్లాట్ ప్లాన్
- padding ద్వారా అడుగున కేంద్రీకరణం
- అడుగున మరియు అడుగున ముందుకు కేంద్రీకరణం
- line-height ద్వారా అడుగున కేంద్రీకరణం
- position ద్వారా అనుకూలీకరణ చేయడం ద్వారా అడుగున మరియు అడుగున ముందుకు కేంద్రీకరణం
CSS కంబైనేటరీ క్రియాకర్తలు
CSS 伪类
CSS 内容生成
CSS 不透明度
CSS 导航栏
CSS డ్రాప్ లిస్ట్
CSS 图像精灵
CSS 属性选择器
- టార్గెట అటీరిబ్యూట్ కలిగిన అన్ని <a> ఎలిమెంట్స్ ఎంచుకొనుము
- టార్గెట="_blank" అటీరిబ్యూట్ కలిగిన అన్ని <a> ఎలిమెంట్స్ ఎంచుకొనుము
- టైటిల్ అటీరిబ్యూట్ కలిగిన అన్ని ఎలిమెంట్స్ ఎంచుకొనుము లోపల ప్రకారం "flower" అనే పదం కలిగిన పదాల జాబితా కలిగిన
- సంకలిత "top" ముగింపు కలిగిన క్లాస్ అటీరిబ్యూట్ విలువల అన్ని ఎలిమెంట్స్ ఎంచుకొనుము (మొత్తం పదం ఉండకూడదు)
- సంకలిత "top" ముగింపు కలిగిన క్లాస్ అటీరిబ్యూట్ విలువల అన్ని ఎలిమెంట్స్ ఎంచుకొనుము (మొత్తం పదం కాదు ఉండకూడదు)
- సంకలిత "test" ముగింపు కలిగిన క్లాస్ అటీరిబ్యూట్ విలువల అన్ని ఎలిమెంట్స్ ఎంచుకొనుము
- సంకలిత "te" కలిగిన క్లాస్ అటీరిబ్యూట్ విలువల అన్ని ఎలిమెంట్స్ ఎంచుకొనుము
CSS 表单
- పూర్తి వెడల్పు ఇన్పుట్ ఫీల్డ్
- నింపు కలిగిన ఇన్పుట్ ఫీల్డ్
- గరించు కలిగిన ఇన్పుట్ ఫీల్డ్
- క్రింది గరించు కలిగిన ఇన్పుట్ ఫీల్డ్
- రంగు కలిగిన ఇన్పుట్ ఫీల్డ్
- ఫోకస్ పొందిన ఇన్పుట్ ఫీల్డ్
- ఫోకస్ పొందిన ఇన్పుట్ ఫీల్డ్ 2
- ఐకాన్ కలిగిన ఇన్పుట్ ఫీల్డ్
- అనిమేషన్ ప్రభావం కలిగిన సోర్చ్ బాక్స్
- టెక్స్ట్ బాక్స్ స్టైల్ సెట్
- సెలెక్షన్ మెనూ స్టైల్ సెట్
- బటన్ స్టైల్ సెట్
- రెస్పాన్సివ్ ఫారమ్
సిఎస్ఎస్ బ్యాక్గ్రౌండ్
CSS 渐变
CSS 阴影效果
CSS 文本效果
CSS 2D ట్రాన్స్ఫార్మేషన్
CSS 3D ట్రాన్స్ఫార్మేషన్
CSS ట్రాన్సిషన్
CSS ఏనిమేషన్
CSS టూల్టిప్
CSS శైలీ చిత్రం
- కోటలతో పొరిన చిత్రం
- గోళాకార చిత్రం
- థంబ్నేల్
- లింకులో ఉన్న థంబ్నేల్
- 响应式图像
- చిత్రంలో చిత్రం (పూర్వం లో ఉండే రేఖాకారం)
- చిత్రంలో చిత్రం (ఉపరితల కుడి మూలలో ఉండే రేఖాకారం)
- చిత్రంలో చిత్రం (తలలో ఉండే రేఖాకారం)
- చిత్రంలో చిత్రం (ఉపరితల కుడి మూలలో ఉండే రేఖాకారం)
- చిత్రంలో చిత్రం (మధ్యలో ఉండే రేఖాకారం)
- పోలారోయిడ్ చిత్రం
- గ్రే చిత్రం ఫిల్టర్
- అధునాతనం - CSS మరియు JavaScript ద్వారా చిత్ర మోడల్
CSS Object-fit
CSS బటన్
CSS పేజినేషన్
- సాధారణ పేజినిగేషన్
- చరిత్రాభిలాషిక, హోవర్ ప్రభావం కలిగిన పేజినిగేషన్
- కోటలతో పొరిన, హోవర్ ప్రభావం కలిగిన చరిత్రాభిలాషిక పేజినిగేషన్
- హోవర్ ప్రభావం కలిగిన ప్రస్థానం
- కోటలతో పొరిన పేజినిగేషన్
- కోటలతో పొరిన రేఖాకారపు పేజినిగేషన్
- అంతరాంతరంలో శూన్యాకారములో ఉండే లింకులు కలిగిన పేజినిగేషన్
- పేజినిగేషన్ పరిమాణం
- మధ్యలో ఉండే పేజినిగేషన్
- బ్రేడ్క్రంబ్
CSS మల్టీ కలమ్
CSS యూజర్ ఇంటర్ఫేస్
CSS వేరియబుల్స్
CSS బాక్స్ సైజింగ్
CSS ఫ్లెక్సిబుల్ బాక్స్
- మూడు ఫ్లెక్సిబుల్ అంతర్భాగాలతో ఫ్లెక్సిబుల్ బాక్స్
- మూడు ఫ్లెక్సిబుల్ అంతర్భాగాలతో ఫ్లెక్సిబుల్ బాక్స్ - rtl దిశలో
- flex-direction - row-reverse
- flex-direction - column
- flex-direction - column-reverse
- justify-content - flex-end
- justify-content - center
- justify-content - space-between
- justify-content - space-around
- align-items - stretch
- align-items - flex-start
- align-items - flex-end
- align-items - center
- align-items - baseline
- flex-wrap - nowrap
- flex-wrap - wrap
- flex-wrap - wrap-reverse
- align-content - center
- ఫ్లెక్సిబుల్ అంతర్భాగం క్రమబద్ధించండి
- Margin-right:auto;
- Margin:auto; = పరిపూర్ణమైన మధ్యస్థానం
- ఫ్లెక్సిబుల్ అంతర్భాగంపై align-self సెట్ చేయండి
- ఫ్లెక్సిబుల్ అంతర్భాగం పొడవును నిర్ధారించండి
- ఫ్లెక్సిబుల్ బాక్స్ తో రెస్పాన్సివ్ ఫోటోగ్రఫీ లైబ్రరీ సృష్టించండి
- ఫ్లెక్సిబుల్ బాక్స్ తో రెస్పాన్సివ్ వెబ్ సైట్ సృష్టించండి
CSS మీడియా క్వరీ
CSS 媒体查询 - 更多实例
CSS 响应式 Web 设计
CSS గ్రిడ్
- ముందస్తు పేజీ CSS గ్రిడ్ అండర్ ఎలమెంట్
- తదుపరి పేజీ CSS పరీక్ష